:root{--otkp-navy:#06274a;--otkp-blue:#1262a4;--otkp-green:#165c45;--otkp-gold:#d8a643;--otkp-bg:#f4f7fa;--otkp-card:#fff;--otkp-text:#10243c;--otkp-muted:#6b7788;--otkp-border:#dce5ee;--otkp-shadow:0 12px 32px rgba(6,39,74,.09)}
.otkp,.otkp *{box-sizing:border-box}.otkp{width:100%;max-width:1600px;margin:0 auto;padding:clamp(8px,1vw,18px);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--otkp-text);background:var(--otkp-bg);border:1px solid var(--otkp-border);border-radius:18px;container-type:inline-size;overflow:hidden}.otkp button,.otkp input,.otkp select{font:inherit}.otkp img{max-width:100%;display:block}.otkp a{text-decoration:none}.otkp button{cursor:pointer}.otkp-topbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(480px,1.6fr) minmax(300px,1fr);gap:18px;align-items:center;background:#fff;border:1px solid var(--otkp-border);border-radius:14px;padding:14px 18px;box-shadow:var(--otkp-shadow)}.otkp-brand{display:flex;align-items:center;gap:12px;min-width:0}.otkp-brand img{width:62px;height:62px;object-fit:contain}.otkp-brand strong{display:block;font:700 clamp(24px,2vw,34px)/1.05 Georgia,serif;color:#233b2f}.otkp-brand small,.otkp-slogan small{display:block;color:var(--otkp-muted);font-size:12px}.otkp-feature-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--otkp-border);border-radius:10px;overflow:hidden}.otkp-feature-nav button{border:0;border-right:1px solid var(--otkp-border);background:#fff;padding:10px 8px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--otkp-navy);font-weight:700;font-size:11px;min-width:0}.otkp-feature-nav button:last-child{border-right:0}.otkp-feature-nav button:hover{background:#f2f7fc}.otkp-slogan{text-align:right;min-width:0}.otkp-slogan strong{display:block;color:#0b2344;font-size:clamp(20px,2vw,34px);line-height:1.1}.otkp-mode-nav{display:flex;gap:6px;align-items:center;padding:12px 4px;overflow-x:auto}.otkp-mode-nav>button{border:0;background:transparent;color:var(--otkp-muted);padding:10px 16px;border-radius:999px;font-weight:700;white-space:nowrap}.otkp-mode-nav>button.is-active{background:var(--otkp-navy);color:#fff}.otkp-view-toggle{margin-left:auto;white-space:nowrap;font-size:13px;color:var(--otkp-muted)}
.otkp-dashboard{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(520px,2.2fr) minmax(300px,1fr);gap:12px;align-items:stretch}.otkp-card,.otkp-map-card,.otkp-weather{background:var(--otkp-card);border:1px solid var(--otkp-border);border-radius:12px;box-shadow:var(--otkp-shadow);min-width:0;overflow:hidden}.otkp-dark-head,.otkp-map-toolbar{background:var(--otkp-navy);color:#fff;padding:14px}.otkp-dark-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.otkp-dark-head strong{display:block}.otkp-dark-head small{display:block;opacity:.8;font-size:11px}.otkp-today{display:flex;flex-direction:column}.otkp-today>[data-today-list]{padding:10px;display:grid;gap:10px;flex:1}.otkp-today article{border-bottom:1px solid var(--otkp-border);padding-bottom:10px}.otkp-time-label{display:flex;justify-content:space-between;margin-bottom:7px}.otkp-time-label small{color:var(--otkp-muted)}.otkp-today article>button{display:grid;grid-template-columns:82px 1fr;gap:10px;border:1px solid var(--otkp-border);background:#fff;border-radius:9px;padding:0;text-align:left;width:100%;overflow:hidden}.otkp-today article img{width:82px;height:82px;object-fit:cover}.otkp-today article span{padding:8px 8px 8px 0;min-width:0}.otkp-today article strong,.otkp-today article small,.otkp-today article em{display:block}.otkp-today article strong{font-size:13px}.otkp-today article small{font-size:11px;color:var(--otkp-muted)}.otkp-today article em{font-size:10px;color:var(--otkp-green);font-style:normal;margin-top:5px}.otkp-primary{border:0;background:linear-gradient(135deg,var(--otkp-blue),var(--otkp-navy));color:#fff;padding:12px 18px;border-radius:8px;font-weight:700}.otkp-today>.otkp-primary{margin:10px}.otkp-map-card{display:flex;flex-direction:column}.otkp-map-toolbar{display:flex;gap:10px;align-items:center}.otkp-search{position:relative;flex:1;min-width:0}.otkp-search input{width:100%;height:42px;border:0;border-radius:7px;padding:0 42px 0 14px;color:var(--otkp-text)}.otkp-search>button{position:absolute;right:4px;top:4px;width:34px;height:34px;border:0;background:transparent;font-size:24px;color:var(--otkp-muted)}.otkp-search-results{position:absolute;left:0;right:0;top:46px;background:#fff;border:1px solid var(--otkp-border);box-shadow:var(--otkp-shadow);z-index:1000;border-radius:8px;overflow:hidden}.otkp-search-results button{display:block;width:100%;border:0;border-bottom:1px solid var(--otkp-border);background:#fff;text-align:left;padding:9px 12px}.otkp-search-results button:hover,.otkp-search-results button.is-active{background:#eef6ff}.otkp-search-results small{display:block;color:var(--otkp-muted)}.otkp-filter-button{border:0;background:#fff;color:var(--otkp-navy);height:42px;padding:0 16px;border-radius:7px;font-weight:700}.otkp-map{height:430px;min-height:360px;background:#eaf0f3}.otkp-map-layers{display:flex;gap:5px;padding:9px;background:#fff;overflow-x:auto;border-top:1px solid var(--otkp-border)}.otkp-map-layers button{border:1px solid var(--otkp-border);background:#fff;padding:9px 12px;border-radius:7px;white-space:nowrap;font-size:12px;font-weight:700}.otkp-map-layers button.is-active{background:var(--otkp-navy);color:#fff}.otkp-pin{display:grid;place-items:center;width:21px;height:21px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--otkp-blue);color:#fff;font-size:8px;box-shadow:0 2px 5px rgba(0,0,0,.25)}.otkp-pin>*{transform:rotate(45deg)}.otkp-pin--food{background:#e67e22}.otkp-pin--rental{background:#6f42c1}.otkp-pin--practical{background:#168f69}.otkp-pin--subplace{background:#5d6d7e}.otkp-home-pin{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--otkp-green);color:#fff;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.25)}.otkp-popup img{width:180px;height:90px;object-fit:cover;border-radius:6px;margin-bottom:8px}.otkp-popup strong,.otkp-popup small{display:block}.otkp-popup p{font-size:12px}.otkp-popup div{display:flex;gap:5px;flex-wrap:wrap}.otkp-popup a,.otkp-popup button{border:0;background:var(--otkp-navy);color:#fff;padding:6px 8px;border-radius:5px;font-size:11px}
.otkp-planner{padding:12px;display:flex;flex-direction:column}.otkp-planner>header,.otkp-food-panel>header,.otkp-filter-panel>header,.otkp-best>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.otkp-planner>header button,.otkp-food-panel>header button,.otkp-filter-panel>header button,.otkp-best>header button{border:0;background:transparent;color:var(--otkp-blue)}.otkp-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--otkp-border);border-radius:7px;overflow:hidden}.otkp-tabs button{border:0;background:#fff;padding:8px}.otkp-tabs button.is-active{color:var(--otkp-blue);box-shadow:inset 0 0 0 1px var(--otkp-blue)}.otkp-plan-date{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:12px}.otkp-plan-date button{border:0;background:transparent;color:var(--otkp-blue)}.otkp-timeline{flex:1;min-height:300px}.otkp-timeline article{display:grid;grid-template-columns:42px 1fr auto 24px;gap:8px;align-items:start;padding:10px 0;border-bottom:1px solid var(--otkp-border);font-size:12px}.otkp-timeline article time{color:var(--otkp-blue);font-weight:700}.otkp-timeline strong,.otkp-timeline small{display:block}.otkp-timeline small{color:var(--otkp-muted)}.otkp-timeline article>button{border:0;background:transparent;color:#a43}.otkp-timeline article.is-dragging{opacity:.45}.otkp-plan-summary{display:grid;gap:4px;padding:10px 0;color:var(--otkp-muted);font-size:11px}.otkp-plan-summary b{color:var(--otkp-text)}.otkp-plan-actions{display:flex;gap:5px;margin-bottom:8px}.otkp-plan-actions button{border:1px solid var(--otkp-border);background:#fff;padding:7px 10px;border-radius:6px}.otkp-right-stack{display:grid;grid-template-rows:auto 1fr;gap:12px;min-width:0}.otkp-weather{background:var(--otkp-weather-bg,#0c345f);color:var(--otkp-weather-fg,#fff);padding:14px;border-radius:var(--otkp-weather-radius,14px)}.otkp-weather header{display:flex;justify-content:space-between;gap:10px}.otkp-weather header strong,.otkp-weather header small{display:block}.otkp-weather header small{opacity:.75}.otkp-weather-now{display:flex;align-items:center;gap:6px}.otkp-weather-now span{font-size:var(--otkp-weather-icon-size,40px)}.otkp-weather-now b{font-size:28px}.otkp-weather-meta{display:flex;gap:12px;margin:12px 0;font-size:11px}.otkp-weather-hours{display:flex;gap:3px;overflow-x:auto;background:rgba(255,255,255,.06);border-radius:8px;padding:8px}.otkp-weather-hours article{min-width:55px;text-align:center;border-right:1px solid rgba(255,255,255,.12)}.otkp-weather-hours span,.otkp-weather-hours b,.otkp-weather-hours small{display:block}.otkp-weather-tomorrow{margin-top:10px;background:rgba(255,255,255,.08);border-radius:8px;padding:10px}.otkp-weather-tomorrow span,.otkp-weather-tomorrow strong{display:block}.otkp-weather-alert{margin-top:10px;background:#8b2d2d;padding:9px;border-radius:7px;font-size:12px}.otkp-food-panel{padding:12px}.otkp-food-panel>[data-food-recommendations]{display:grid;gap:7px}.otkp-food-panel article{display:grid;grid-template-columns:58px 1fr auto;gap:8px;align-items:center;border:1px solid var(--otkp-border);border-radius:8px;padding:5px}.otkp-food-panel img{width:58px;height:48px;object-fit:cover;border-radius:6px}.otkp-food-panel strong,.otkp-food-panel small{display:block}.otkp-food-panel strong{font-size:12px}.otkp-food-panel small{font-size:10px;color:var(--otkp-muted)}.otkp-food-panel em{font-size:9px;color:var(--otkp-gold);font-style:normal}.otkp-link{border:0;background:transparent;color:var(--otkp-blue);font-weight:700;margin-top:8px}
.otkp-discovery{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,3fr);gap:12px;margin-top:12px}.otkp-filter-panel,.otkp-best{padding:14px;min-width:0}.otkp-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.otkp-filter-grid label{display:grid;gap:4px;font-size:11px;color:var(--otkp-muted)}.otkp-filter-grid select,.otkp-filter-grid input{width:100%;border:1px solid var(--otkp-border);background:#fff;border-radius:6px;padding:8px}.otkp-filter-grid output{font-size:10px}.otkp-filter-panel details{margin:12px 0}.otkp-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;font-size:11px}.otkp-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.otkp-place-card,.otkp-rental-card,.otkp-practical-card{background:#fff;border:1px solid var(--otkp-border);border-radius:11px;overflow:hidden;box-shadow:0 8px 20px rgba(6,39,74,.06);min-width:0}.otkp-place-card>img{width:100%;aspect-ratio:16/9;object-fit:cover}.otkp-place-body{padding:12px;display:flex;flex-direction:column;height:calc(100% - 120px)}.otkp-place-body>small{color:var(--otkp-green);font-weight:700}.otkp-place-body h3{font-size:16px;margin:4px 0 8px}.otkp-card-meta{display:flex;flex-wrap:wrap;gap:7px;font-size:10px;color:var(--otkp-muted)}.otkp-place-body p{font-size:13px;line-height:1.5;color:#526174;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:normal}.otkp-place-body p.is-expanded{-webkit-line-clamp:unset;display:block}.otkp-read-more{align-self:flex-start;border:0;background:transparent;color:var(--otkp-blue);font-weight:700;padding:0}.otkp-trust{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:var(--otkp-muted);margin-top:auto;padding-top:10px}.otkp-card-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.otkp-card-actions button,.otkp-card-actions a,.otkp-rental-card footer a,.otkp-rental-card footer button,.otkp-practical-card footer a,.otkp-practical-card footer button{border:1px solid var(--otkp-border);background:#fff;color:var(--otkp-navy);padding:7px 9px;border-radius:6px;font-size:11px;font-weight:700}.otkp-card-actions button:first-child{background:var(--otkp-navy);color:#fff}.otkp-load-more{display:block;margin:14px auto 0;border:1px solid var(--otkp-border);background:#fff;padding:9px 16px;border-radius:7px}
.otkp-wizard-section,.otkp-results,.otkp-directory,.otkp-need{margin-top:14px;background:#fff;border:1px solid var(--otkp-border);border-radius:12px;padding:clamp(16px,2vw,28px);box-shadow:var(--otkp-shadow)}.otkp-wizard-section>header span,.otkp-results>header span,.otkp-directory>header span,.otkp-need>header span{color:var(--otkp-blue);font-size:10px;font-weight:800;letter-spacing:.12em}.otkp-wizard-section h2,.otkp-results h2,.otkp-directory h2,.otkp-need h2{font:700 clamp(26px,3vw,42px)/1.05 Georgia,serif;margin:6px 0}.otkp-stepper{display:flex;gap:5px;overflow-x:auto;margin:18px 0}.otkp-stepper button{border:1px solid var(--otkp-border);background:#fff;padding:10px 14px;border-radius:7px;white-space:nowrap}.otkp-stepper button.is-active{background:var(--otkp-navy);color:#fff}.otkp-step{border:0;padding:0}.otkp-step legend{font:700 24px Georgia,serif;margin-bottom:14px}.otkp-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.otkp-choice-grid label{border:1px solid var(--otkp-border);border-radius:10px;padding:14px;background:#fff}.otkp-choice-grid label:has(input:checked){border-color:var(--otkp-blue);background:#f0f7ff}.otkp-choice-grid input{position:absolute;opacity:0}.otkp-rental-option{display:flex;gap:10px;margin-top:14px;border:1px solid #bcd7e9;background:#eff8ff;border-radius:10px;padding:12px}.otkp-rental-option span,.otkp-rental-option strong,.otkp-rental-option small{display:block}.otkp-rental-option small{color:var(--otkp-muted)}.otkp-interest-accordion details{border:1px solid var(--otkp-border);border-radius:9px;margin-bottom:8px}.otkp-interest-accordion summary{padding:12px;font-weight:700}.otkp-interest-accordion details>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;padding:0 12px 12px}.otkp-wizard-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.otkp-wizard-actions>button{border:1px solid var(--otkp-border);background:#fff;padding:10px 18px;border-radius:7px}.otkp-wizard-actions>.otkp-primary{background:var(--otkp-navy);color:#fff}.otkp-results>header{display:flex;justify-content:space-between;gap:15px;align-items:center}.otkp-results>header button{border:1px solid var(--otkp-border);background:#fff;padding:8px 12px;border-radius:7px}.otkp-result-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:14px}.otkp-days{display:grid;gap:12px}.otkp-days>section{border:1px solid var(--otkp-border);border-radius:10px;padding:14px}.otkp-days article{display:grid;grid-template-columns:55px 1fr auto;gap:8px;padding:8px 0;border-bottom:1px solid var(--otkp-border)}.otkp-days small{display:block;color:var(--otkp-muted)}.otkp-cost{border:1px solid var(--otkp-border);border-radius:10px;padding:14px;background:#f8fbfd}.otkp-rental-tools{display:flex;gap:8px;margin:14px 0}.otkp-rental-tools input,.otkp-rental-tools select{border:1px solid var(--otkp-border);border-radius:7px;padding:10px}.otkp-rental-tools input{flex:1}.otkp-rental-card,.otkp-practical-card{padding:14px}.otkp-rental-icon{width:42px;height:42px;border-radius:10px;background:var(--otkp-navy);color:#fff;display:grid;place-items:center;font-size:22px}.otkp-rental-card h3,.otkp-practical-card h3{margin:8px 0}.otkp-rental-card p,.otkp-practical-card p{color:var(--otkp-muted);line-height:1.5}.otkp-rental-card>div:nth-of-type(2){display:flex;gap:5px;flex-wrap:wrap}.otkp-rental-card>div:nth-of-type(2) span{background:#edf6f0;color:var(--otkp-green);padding:5px 7px;border-radius:999px;font-size:10px}.otkp-rental-card dl,.otkp-practical-card dl{display:grid;grid-template-columns:auto 1fr;gap:5px 8px;font-size:11px}.otkp-rental-card footer,.otkp-practical-card footer{display:flex;gap:5px;flex-wrap:wrap}.otkp-need nav{display:flex;gap:6px;overflow-x:auto;margin:14px 0}.otkp-need nav button{border:1px solid var(--otkp-border);background:#fff;padding:9px 12px;border-radius:999px;white-space:nowrap}.otkp-empty{grid-column:1/-1;text-align:center;padding:30px;color:var(--otkp-muted)}.otkp-quality{margin-top:14px;background:#eef7f2;border:1px solid #cfe2d7;padding:14px;border-radius:10px}.otkp-quality strong{display:block;color:var(--otkp-green)}
.otkp-modal{position:fixed;inset:0;background:rgba(3,20,39,.72);z-index:999999;display:grid;place-items:center;padding:20px}.otkp-modal>div{position:relative;max-width:1050px;max-height:92vh;overflow:auto;background:#fff;border-radius:14px;padding:20px}.otkp-close{position:absolute;right:12px;top:12px;border:0;background:var(--otkp-navy);color:#fff;width:36px;height:36px;border-radius:50%;font-size:22px}.otkp-modal header{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:20px}.otkp-modal header img{width:100%;height:260px;object-fit:cover;border-radius:10px}.otkp-modal h2{font:700 34px Georgia,serif}.otkp-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.otkp-detail-grid section{border:1px solid var(--otkp-border);border-radius:10px;padding:14px}.otkp-detail-grid dl div{margin-bottom:10px}.otkp-detail-grid dt{font-weight:700}.otkp-detail-grid dd{margin:2px 0;color:var(--otkp-muted)}.otkp-modal footer{display:flex;gap:8px;margin-top:16px}.otkp-modal footer button,.otkp-modal footer a{border:0;background:var(--otkp-navy);color:#fff;padding:10px 14px;border-radius:7px}.otkp-error{padding:30px;background:#fff3f3;color:#8b2d2d;border:1px solid #e8bcbc;border-radius:10px}
@container (max-width:1350px){.otkp-topbar{grid-template-columns:220px 1fr}.otkp-slogan{grid-column:1/-1;text-align:center}.otkp-dashboard{grid-template-columns:minmax(230px,.8fr) minmax(500px,2fr) minmax(280px,1fr)}.otkp-right-stack{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:none}.otkp-map{height:410px}}
@container (max-width:1000px){.otkp-topbar{grid-template-columns:1fr}.otkp-brand{justify-content:center}.otkp-feature-nav{overflow-x:auto;grid-template-columns:repeat(5,minmax(130px,1fr))}.otkp-dashboard{grid-template-columns:minmax(230px,.8fr) minmax(0,2fr)}.otkp-planner{grid-column:1/-1}.otkp-right-stack{grid-template-columns:1fr 1fr}.otkp-discovery{grid-template-columns:1fr}.otkp-filter-grid{grid-template-columns:repeat(4,1fr)}.otkp-result-grid{grid-template-columns:1fr}.otkp-detail-grid{grid-template-columns:1fr 1fr}}
@container (max-width:720px){.otkp{padding:6px;border-radius:0}.otkp-topbar{padding:10px}.otkp-brand strong{font-size:25px}.otkp-feature-nav{display:flex}.otkp-feature-nav button{min-width:125px}.otkp-slogan strong{font-size:22px}.otkp-dashboard{display:flex;flex-direction:column}.otkp-weather{order:1}.otkp-today{order:2}.otkp-map-card{order:3}.otkp-planner{order:4}.otkp-food-panel{order:5}.otkp-right-stack{display:contents}.otkp-map{height:340px;min-height:320px}.otkp-discovery{display:flex;flex-direction:column}.otkp-filter-grid{grid-template-columns:1fr 1fr}.otkp-card-grid{grid-template-columns:1fr}.otkp-place-body{height:auto}.otkp-result-grid,.otkp-detail-grid,.otkp-modal header{grid-template-columns:1fr}.otkp-modal{padding:8px}.otkp-modal>div{padding:14px}.otkp-modal header img{height:200px}.otkp-modal h2{font-size:26px}.otkp-results>header{align-items:flex-start;flex-direction:column}.otkp-card-actions button,.otkp-card-actions a{min-height:44px}.otkp-mode-nav{position:sticky;top:0;z-index:100;background:var(--otkp-bg)}}
@media print{.otkp-topbar,.otkp-mode-nav,.otkp-dashboard,.otkp-discovery,.otkp-wizard-section,.otkp-directory,.otkp-need,.otkp-quality{display:none!important}.otkp-results{display:block!important;box-shadow:none;border:0}.otkp-results button{display:none!important}}
@media (prefers-reduced-motion:reduce){.otkp *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.otkp-plan-item-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.otkp-plan-item-links a{display:inline-flex;align-items:center;min-height:30px;padding:5px 8px;border:1px solid var(--otkp-border);border-radius:7px;background:#fff;color:var(--otkp-blue);font-size:11px;font-weight:700;text-decoration:none}.otkp-plan-item-links a:hover{background:#eef6ff}.otkp-timeline article{grid-template-columns:48px minmax(0,1fr) auto 28px}.otkp-timeline article>div{min-width:0}.otkp-timeline article strong,.otkp-timeline article small{overflow-wrap:anywhere}@media(max-width:560px){.otkp-timeline article{grid-template-columns:44px minmax(0,1fr) 28px}.otkp-timeline article>span{grid-column:2}.otkp-plan-item-links{grid-column:1/-1}.otkp-plan-item-links a{flex:1 1 140px;justify-content:center}}

.otkp-tabbed-content{margin-top:14px}.otkp-section-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.otkp-section-tabs button{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1px solid var(--otkp-border);border-radius:14px;padding:12px;box-shadow:var(--otkp-shadow);min-width:0}.otkp-section-tabs button img{width:68px;height:68px;object-fit:cover;border-radius:12px;flex:0 0 68px}.otkp-section-tabs button span{display:block;min-width:0}.otkp-section-tabs button strong,.otkp-section-tabs button small{display:block}.otkp-section-tabs button strong{font-size:14px;color:var(--otkp-navy);line-height:1.25}.otkp-section-tabs button small{font-size:11px;color:var(--otkp-muted);margin-top:4px;line-height:1.35}.otkp-section-tabs button.is-active{border-color:var(--otkp-blue);box-shadow:0 0 0 2px rgba(18,98,164,.12),var(--otkp-shadow);background:linear-gradient(180deg,#fff,#f5faff)}.otkp-content-panel{display:none}.otkp-content-panel.is-active{display:block}.otkp-food-directory .otkp-place-card,.otkp-booking-grid article,.otkp-route-grid article,.otkp-weather-guide-grid article{background:#fff;border:1px solid var(--otkp-border);border-radius:14px;overflow:hidden;box-shadow:var(--otkp-shadow)}.otkp-route-grid,.otkp-weather-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.otkp-route-grid article,.otkp-booking-grid article{display:grid;grid-template-rows:auto 1fr}.otkp-route-grid img,.otkp-booking-grid img{width:100%;aspect-ratio:16/10;object-fit:cover}.otkp-route-grid article>div,.otkp-booking-grid article>div{padding:16px;display:flex;flex-direction:column;gap:10px}.otkp-route-grid h3,.otkp-booking-grid h3,.otkp-weather-guide-grid h3{margin:0;font:700 22px/1.15 Georgia,serif;color:var(--otkp-navy)}.otkp-route-grid p,.otkp-booking-grid p,.otkp-weather-guide-grid p{margin:0;color:var(--otkp-muted);line-height:1.6}.otkp-inline-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.otkp-booking-list{margin:0;padding-left:18px;color:var(--otkp-muted);display:grid;gap:8px}.otkp-weather-guide-grid{grid-template-columns:minmax(0,1.2fr) 1fr 1fr}.otkp-weather-guide-main{padding:18px;background:linear-gradient(160deg,#0c345f,#06274a);color:#fff}.otkp-weather-guide-top{display:flex;align-items:center;gap:14px}.otkp-weather-guide-top span{font-size:52px;line-height:1}.otkp-weather-guide-top strong{display:block;font-size:34px}.otkp-weather-guide-top small{display:block;opacity:.78}.otkp-weather-guide-metrics{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px;font-size:13px}.otkp-weather-guide-metrics b{display:block;font-size:14px}.otkp-weather-guide-alert{margin-top:16px;background:rgba(139,45,45,.92);padding:12px;border-radius:10px;font-size:13px}.otkp-weather-guide-grid article:not(.otkp-weather-guide-main){padding:18px;display:flex;flex-direction:column;gap:14px;justify-content:space-between}.otkp-route-grid .otkp-primary,.otkp-weather-guide-grid .otkp-primary,.otkp-booking-grid .otkp-primary{align-self:flex-start}.otkp-food-directory .otkp-card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
@container (max-width:1200px){.otkp-section-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.otkp-route-grid,.otkp-weather-guide-grid{grid-template-columns:1fr 1fr}}
@container (max-width:720px){.otkp-section-tabs{grid-template-columns:1fr}.otkp-section-tabs button{align-items:flex-start}.otkp-section-tabs button img{width:60px;height:60px;flex-basis:60px}.otkp-route-grid,.otkp-weather-guide-grid{grid-template-columns:1fr}}
@media print{.otkp-section-tabs{display:none!important}.otkp-content-panel{display:block!important}}
.otkp-data-warning{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px;padding:10px 14px;border:1px solid #e0b45a;background:#fff8e8;color:#684d16;border-radius:10px;font-size:13px}.otkp-data-warning strong{color:#5b3f0b}.otkp-data-warning span{color:#765c2d}

.otkp-planner--full{margin-top:14px;padding:18px;min-height:420px}.otkp-planner--full .otkp-timeline{min-height:260px}.otkp-planner--full .otkp-plan-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.otkp-planner--full .otkp-plan-summary span{border:1px solid var(--otkp-border);background:#f8fbfd;border-radius:8px;padding:10px}.otkp-planner--full>.otkp-primary{align-self:flex-start;min-width:220px}@container (max-width:720px){.otkp-planner--full{padding:12px}.otkp-planner--full .otkp-plan-summary{grid-template-columns:1fr}.otkp-planner--full>.otkp-primary{width:100%}}

.otkp-planner-weather{margin-top:10px;padding:14px;border:1px solid var(--otkp-border);border-radius:12px;background:#f7fbff}.otkp-planner-weather>label{display:grid;gap:6px;font-weight:700;color:var(--otkp-navy)}.otkp-planner-weather>label>span:first-child{font-size:12px}.otkp-date-control{display:flex;width:100%;min-width:0;border:1px solid var(--otkp-border);border-radius:9px;background:#fff;padding:10px 12px}.otkp-date-control input{display:block;width:100%;min-width:0;border:0;background:transparent;padding:0;color:var(--otkp-text);font:inherit}.otkp-planner-weather-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.otkp-planner-weather-actions button{min-height:42px;border:1px solid var(--otkp-border);border-radius:8px;background:#fff;color:var(--otkp-navy);padding:9px 14px;font-weight:700}.otkp-planner-weather-actions .otkp-primary{border:0;background:linear-gradient(135deg,var(--otkp-blue),var(--otkp-navy));color:#fff}.otkp-planner-weather-status{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:10px;padding:10px;border-radius:8px;background:#fff;color:var(--otkp-muted);font-size:12px;line-height:1.45}.otkp-planner-weather-status strong{color:var(--otkp-navy)}.otkp-planner-weather-status span{display:block}.otkp-planner-weather-status em{color:var(--otkp-green);font-style:normal;font-weight:700}@container (max-width:560px){.otkp-planner-weather-actions{display:grid;grid-template-columns:1fr}.otkp-planner-weather-actions button{width:100%}}

.otkp-manual-planner{margin-top:14px;background:#fff;border:1px solid var(--otkp-border);border-radius:12px;padding:clamp(16px,2vw,28px);box-shadow:var(--otkp-shadow)}.otkp-manual-planner>header span{color:var(--otkp-blue);font-size:10px;font-weight:800;letter-spacing:.12em}.otkp-manual-planner h2{font:700 clamp(26px,3vw,42px)/1.05 Georgia,serif;margin:6px 0}.otkp-manual-planner>header p{color:var(--otkp-muted);max-width:850px}.otkp-manual-daybar{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin:18px 0;padding:12px;background:#f5f8fb;border:1px solid var(--otkp-border);border-radius:12px}.otkp-manual-days{display:flex;gap:7px;flex-wrap:wrap;flex:1 1 420px}.otkp-manual-days button,.otkp-manual-daybar>button{border:1px solid var(--otkp-border);background:#fff;color:var(--otkp-navy);padding:10px 13px;border-radius:8px;font-weight:700}.otkp-manual-days button.is-active{background:var(--otkp-navy);color:#fff;border-color:var(--otkp-navy)}.otkp-manual-daybar>.otkp-primary{background:var(--otkp-navy);color:#fff}.otkp-manual-date-label{display:grid;gap:4px;font-size:12px;font-weight:700;color:var(--otkp-muted)}.otkp-manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.otkp-manual-form{border:1px solid var(--otkp-border);border-radius:12px;padding:16px;background:#fff}.otkp-manual-form h3{margin:0 0 14px;font:700 22px/1.2 Georgia,serif;color:var(--otkp-navy)}.otkp-manual-form>label,.otkp-manual-fields label{display:grid;gap:5px;margin-bottom:10px;color:var(--otkp-muted);font-size:12px;font-weight:700}.otkp-manual-form input,.otkp-manual-form select{width:100%;border:1px solid var(--otkp-border);border-radius:8px;padding:10px;background:#fff;color:var(--otkp-text)}.otkp-manual-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.otkp-manual-form>button{border:1px solid var(--otkp-border);background:#fff;color:var(--otkp-navy);padding:11px 15px;border-radius:8px;font-weight:700}.otkp-manual-form>.otkp-primary{background:var(--otkp-navy);color:#fff}.otkp-manual-note{margin:12px 0 0;color:var(--otkp-green);font-weight:700}.otkp-inline-time{display:grid;gap:3px;color:var(--otkp-muted);font-size:9px}.otkp-inline-time input{width:92px;border:1px solid var(--otkp-border);border-radius:6px;padding:6px}.otkp-inline-title,.otkp-inline-location{display:block;width:100%;border:1px solid transparent;background:transparent;padding:4px 6px;border-radius:6px}.otkp-inline-title{font-weight:700;color:var(--otkp-text)}.otkp-inline-location{font-size:11px;color:var(--otkp-muted)}.otkp-inline-title:focus,.otkp-inline-location:focus{border-color:var(--otkp-blue);background:#fff}.otkp-inline-numbers{display:grid;grid-template-columns:72px 72px;gap:5px}.otkp-inline-numbers label{display:grid;gap:3px;font-size:9px;color:var(--otkp-muted)}.otkp-inline-numbers input{width:100%;border:1px solid var(--otkp-border);border-radius:6px;padding:6px}.otkp-timeline article{grid-template-columns:100px minmax(0,1fr) 150px 28px}
@container (max-width:820px){.otkp-manual-grid{grid-template-columns:1fr}.otkp-manual-fields{grid-template-columns:1fr 1fr}.otkp-timeline article{grid-template-columns:94px minmax(0,1fr) 28px}.otkp-inline-numbers{grid-column:2;grid-template-columns:1fr 1fr}}
@container (max-width:520px){.otkp-manual-fields{grid-template-columns:1fr}.otkp-manual-daybar{align-items:stretch}.otkp-manual-daybar>button{flex:1 1 160px}.otkp-manual-date-label{flex:1 1 100%}.otkp-timeline article{grid-template-columns:1fr 28px}.otkp-inline-time{grid-column:1}.otkp-inline-numbers{grid-column:1}.otkp-timeline article>div:nth-of-type(1){grid-column:1}.otkp-plan-item-links a{flex:1 1 100%}}

.otkp-live-shortcut{display:inline-flex!important;align-items:center;gap:7px!important;background:#fff3f3!important;color:#9f1f1f!important;border:1px solid #f0caca!important}.otkp-live-shortcut:hover{background:#ffe7e7!important}.otkp-live-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#e11d48;box-shadow:0 0 0 0 rgba(225,29,72,.5);animation:otkp-live-pulse 1.7s infinite}.otkp-live-tab-icon{width:68px;height:68px;flex:0 0 68px;border-radius:12px;display:grid!important;place-items:center;background:radial-gradient(circle at 50% 45%,#ff5a5f,#b3122f 68%,#6f0920);color:#fff;font-size:26px;box-shadow:inset 0 0 0 6px rgba(255,255,255,.14)}.otkp-live-card{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.8fr);gap:16px}.otkp-live-player{position:relative;aspect-ratio:16/9;background:#061a30;border-radius:14px;overflow:hidden;box-shadow:var(--otkp-shadow)}.otkp-live-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.otkp-live-unavailable{position:absolute;inset:0;display:grid;place-items:center;padding:20px;color:#fff;text-align:center}.otkp-live-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:13px;padding:22px;background:#fff;border:1px solid var(--otkp-border);border-radius:14px;box-shadow:var(--otkp-shadow)}.otkp-live-info h3{margin:0;font:700 26px/1.15 Georgia,serif;color:var(--otkp-navy)}.otkp-live-info p{margin:0;color:var(--otkp-muted);line-height:1.6}.otkp-live-info small{color:var(--otkp-muted);line-height:1.45}.otkp-live-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:#fff0f2;color:#a10f2b;font-size:11px;font-weight:800;letter-spacing:.08em}@keyframes otkp-live-pulse{0%{box-shadow:0 0 0 0 rgba(225,29,72,.48)}70%{box-shadow:0 0 0 9px rgba(225,29,72,0)}100%{box-shadow:0 0 0 0 rgba(225,29,72,0)}}@container (max-width:820px){.otkp-live-card{grid-template-columns:1fr}.otkp-live-tab-icon{width:60px;height:60px;flex-basis:60px}.otkp-live-info{padding:16px}}@media (prefers-reduced-motion:reduce){.otkp-live-dot{animation:none}}

/* 4.3.4 — zintegrowany moduł Twój plan */
.otkp-unified-plan{margin-top:18px}.otkp-unified-plan-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.otkp-unified-plan-head p{margin:6px 0 0;color:var(--otkp-muted)}.otkp-unified-plan-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.otkp-unified-plan-actions button{border:1px solid var(--otkp-border);background:#fff;color:var(--otkp-navy);padding:10px 13px;border-radius:8px;font-weight:700}.otkp-unified-plan-actions .otkp-primary{background:var(--otkp-navy);color:#fff}.otkp-unified-plan-actions [data-edit-plan].is-active{background:#fff4dc;border-color:#d8a643;color:#684a08}.otkp-unified-weather{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(280px,1.6fr) auto;gap:12px;align-items:center;margin:18px 0;padding:14px;border:1px solid #bcd7e9;border-radius:12px;background:#eff8ff}.otkp-unified-weather>div:first-child{display:flex;flex-direction:column;gap:7px}.otkp-unified-daybar{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center;margin-bottom:12px}.otkp-unified-daybar strong{text-align:center;font:700 20px Georgia,serif}.otkp-unified-daybar button{border:1px solid var(--otkp-border);background:#fff;border-radius:8px;height:42px;color:var(--otkp-blue);font-size:24px}.otkp-unified-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(250px,1fr);gap:16px}.otkp-unified-grid>.otkp-cost{align-self:start;position:sticky;top:80px}.otkp-plan-row{grid-template-columns:88px 78px minmax(0,1fr) 82px 28px!important;align-items:center!important;gap:10px!important;padding:10px!important;border:1px solid var(--otkp-border)!important;border-radius:10px;margin-bottom:8px;background:#fff}.otkp-plan-thumb{width:88px;height:66px;object-fit:cover;border-radius:8px;border:1px solid var(--otkp-border);background:#eef3f6}.otkp-plan-time time{font-size:15px;font-weight:800;color:var(--otkp-blue)}.otkp-plan-main{min-width:0}.otkp-plan-main>strong,.otkp-plan-main>small{display:block}.otkp-plan-main>strong{font-size:15px}.otkp-plan-main>small{color:var(--otkp-muted);margin-top:3px}.otkp-plan-row .otkp-inline-numbers{display:grid;gap:4px;text-align:right}.otkp-plan-row .otkp-inline-numbers span{font-size:11px;color:var(--otkp-muted)}.otkp-plan-row .otkp-inline-numbers b{font-size:13px}.otkp-plan-save-status{min-height:22px;margin:10px 0 0;color:var(--otkp-green);font-weight:700}.otkp-plan-save-status a{color:var(--otkp-blue);text-decoration:underline}.otkp-plan-is-editing .otkp-plan-row{cursor:grab;background:#fffdf6}.otkp-plan-is-editing .otkp-plan-row:active{cursor:grabbing}
@container (max-width:1000px){.otkp-unified-weather{grid-template-columns:1fr 1fr}.otkp-unified-weather .otkp-planner-weather-actions{grid-column:1/-1}.otkp-unified-grid{grid-template-columns:1fr}.otkp-unified-grid>.otkp-cost{position:static}.otkp-plan-row{grid-template-columns:74px 64px minmax(0,1fr) 72px 28px!important}.otkp-plan-thumb{width:74px;height:58px}}
@container (max-width:720px){.otkp-unified-plan-head{flex-direction:column}.otkp-unified-plan-actions{justify-content:flex-start}.otkp-unified-weather{grid-template-columns:1fr}.otkp-unified-weather .otkp-planner-weather-actions{grid-column:auto}.otkp-plan-row{grid-template-columns:72px 1fr 28px!important;align-items:start!important}.otkp-plan-thumb{width:72px;height:58px;grid-row:1/3}.otkp-plan-time{grid-column:2}.otkp-plan-main{grid-column:2}.otkp-plan-row .otkp-inline-numbers{grid-column:2;display:flex;gap:12px;text-align:left}.otkp-plan-row>button{grid-column:3;grid-row:1}.otkp-plan-item-links a{flex:1 1 130px}}

.otkp-weather-directory-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.otkp-weather-directory-head .otkp-primary{white-space:nowrap}.otkp-weather-updated{margin:10px 0 14px;color:var(--otkp-muted);font-size:12px}.otkp-weather-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.otkp-weather-day-card{border:1px solid var(--otkp-border);border-radius:14px;padding:16px;background:#fff;box-shadow:var(--otkp-shadow)}.otkp-weather-day-card--good{border-color:#a9d6b9;background:#f4fbf6}.otkp-weather-day-card--warn{border-color:#e4c778;background:#fffaf0}.otkp-weather-day-card--danger{border-color:#e0a0a0;background:#fff5f5}.otkp-weather-day-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.otkp-weather-day-card>header small,.otkp-weather-day-card>header strong{display:block}.otkp-weather-day-card>header small{color:var(--otkp-blue);font-weight:800;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.otkp-weather-day-card>header strong{margin-top:3px}.otkp-weather-day-card>header>span{font-size:38px;line-height:1}.otkp-weather-day-temp{display:flex;align-items:baseline;gap:4px;margin:12px 0}.otkp-weather-day-temp b{font-size:34px}.otkp-weather-day-temp small{font-size:18px;color:var(--otkp-muted)}.otkp-weather-day-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:12px}.otkp-weather-day-card>p{line-height:1.5;color:#526174;min-height:66px}.otkp-weather-day-card details{border-top:1px solid var(--otkp-border);padding-top:10px}.otkp-weather-day-card summary{cursor:pointer;font-weight:700;color:var(--otkp-navy)}.otkp-weather-day-hours{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.otkp-weather-day-hours span{text-align:center;border:1px solid var(--otkp-border);border-radius:8px;padding:7px 4px;background:#fff}.otkp-weather-day-hours b,.otkp-weather-day-hours i,.otkp-weather-day-hours small{display:block}.otkp-weather-day-hours i{font-style:normal;font-size:20px}.otkp-weather-day-hours small{font-size:10px;color:var(--otkp-muted)}.otkp-weather-day-card footer{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.otkp-weather-day-card footer button{border:1px solid var(--otkp-border);background:#fff;color:var(--otkp-navy);padding:8px 10px;border-radius:7px;font-weight:700}.otkp-weather-day-card footer button:first-child{background:var(--otkp-navy);color:#fff}
@container (max-width:1000px){.otkp-weather-three{grid-template-columns:1fr 1fr}.otkp-weather-day-card:last-child{grid-column:1/-1}}
@container (max-width:720px){.otkp-weather-directory-head{flex-direction:column}.otkp-weather-directory-head .otkp-primary{width:100%}.otkp-weather-three{grid-template-columns:1fr}.otkp-weather-day-card:last-child{grid-column:auto}.otkp-weather-day-hours{grid-template-columns:repeat(2,1fr)}}

.otkp-weather-refresh-small{margin-top:7px;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.14);color:inherit;border-radius:999px;padding:5px 10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.otkp-weather-refresh-small:hover{background:rgba(255,255,255,.24)}.otkp-weather-refresh-small:disabled{opacity:.65;cursor:wait}

/* Trasy turystyczne 4.5.0 */
.otkp-route-tools{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:10px;align-items:center;margin:18px 0}.otkp-route-tools input,.otkp-route-tools select{min-height:44px;border:1px solid #d9ded8;border-radius:12px;padding:0 12px;background:#fff}.otkp-route-tools label{display:flex;gap:7px;align-items:center;font-weight:700}.otkp-tour-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.otkp-tour-route-card{display:grid;grid-template-columns:58px 1fr;background:#fff;border:1px solid #dfe5df;border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(27,66,46,.08);overflow:hidden}.otkp-tour-route-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#eef7ef;font-size:25px}.otkp-tour-route-body h3{margin:4px 0 8px}.otkp-tour-route-meta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.otkp-tour-route-meta span{background:#edf4ee;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.otkp-tour-route-warning{background:#fff8e6;border-left:4px solid #e3a52a;padding:9px 11px;border-radius:8px;margin:12px 0;font-size:13px}.otkp-tour-route-card footer{display:flex;gap:7px;flex-wrap:wrap}.otkp-tour-route-card footer a,.otkp-tour-route-card footer button{border:0;border-radius:10px;padding:9px 11px;background:#174d35;color:#fff;text-decoration:none;font:inherit;font-weight:700;cursor:pointer}.otkp-tour-route-card footer a:nth-child(2n){background:#eaf2ec;color:#174d35}.otkp-tour-route-map{grid-column:1/-1;margin-top:15px}.otkp-tour-route-map iframe{width:100%;height:420px;border:0;border-radius:14px;background:#eef1ee}.otkp-route-weather{display:flex;gap:10px;align-items:center;padding:13px 15px;border-radius:12px;background:#eef4ef;margin:14px 0}.otkp-route-weather strong{white-space:nowrap}.otkp-route-weather--danger{background:#ffe8e5}.otkp-route-weather--warn{background:#fff4d8}.otkp-route-weather--good{background:#e7f6e9}.otkp-route-source-note{font-size:12px;color:#657068;margin-top:18px}
@media(max-width:900px){.otkp-route-tools{grid-template-columns:1fr 1fr}.otkp-route-tools input{grid-column:1/-1}.otkp-tour-route-grid{grid-template-columns:1fr}.otkp-route-weather{align-items:flex-start;flex-direction:column}.otkp-tour-route-map iframe{height:330px}}
@media(max-width:560px){.otkp-route-tools{grid-template-columns:1fr}.otkp-route-tools input{grid-column:auto}.otkp-tour-route-card{grid-template-columns:46px 1fr;padding:13px}.otkp-tour-route-icon{width:38px;height:38px;font-size:20px}.otkp-tour-route-card footer a,.otkp-tour-route-card footer button{width:100%;text-align:center}.otkp-tour-route-map iframe{height:280px}}

/* 4.5.2 — jawne dane lokalizacyjne */
.otkp-location-data{display:grid;gap:3px;margin:.45rem 0 .65rem;padding:.6rem .7rem;border:1px solid rgba(35,91,64,.16);border-radius:10px;background:rgba(248,252,249,.92);font-size:.82rem;line-height:1.35;color:#33463b}
.otkp-location-data span{display:block;overflow-wrap:anywhere}.otkp-location-data b{color:#183f2d}.otkp-data-note{display:block;margin:.45rem 0;color:#745b24;font-size:.78rem}.otkp-popup .otkp-location-data{font-size:.76rem}.otkp-card-actions a[href*="maps/search"]{font-weight:700}

/* 4.5.6 — bezpieczna mapa i rozdzielenie adresu, punktu mapy oraz celu nawigacji */
.otkp-location-quality.is-orientation{color:#9a3412;font-weight:700}.otkp-location-quality.is-address{color:#166534;font-weight:700}.otkp-route-disabled{display:inline-flex;align-items:center;padding:.6rem .8rem;border-radius:10px;background:#eef2f7;color:#64748b;font-size:.85rem}.otkp-map-extra-controls{display:flex;flex-direction:column;background:#fff}.otkp-map-extra-controls button{width:34px;height:34px;border:0;border-bottom:1px solid #ccc;background:#fff;font-size:20px;cursor:pointer}.otkp-map-extra-controls button:last-child{border-bottom:0}.otkp-map-extra-controls button.is-active{background:#fff7d6;color:#854d0e}.otkp-popup .otkp-data-note{display:block;margin:.55rem 0;color:#475569;font-size:.78rem;line-height:1.35}
.otkp-plan-row--travel{background:#f5f7f3;border-style:dashed;opacity:.92}.otkp-plan-row--travel .otkp-plan-thumb{object-fit:contain;padding:10px}.otkp-plan-row--travel .otkp-plan-main strong{font-size:.95rem}.otkp-plan-row--travel .otkp-plan-main small{color:#526157}


/* 5.0.3 — czytelne rozwijanie, przewijanie, tryb zaawansowany i oznaczenia 18+ */
.otkp-interest-accordion details{border:1px solid #d7e2ec;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 4px 16px rgba(11,47,82,.04);transition:border-color .2s,box-shadow .2s,transform .2s}.otkp-interest-accordion details+details{margin-top:10px}.otkp-interest-accordion details[open]{border-color:#5aa7df;box-shadow:0 8px 24px rgba(18,103,166,.12)}.otkp-interest-accordion summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;padding:16px 18px;cursor:pointer;font-weight:800;color:#082d52;background:linear-gradient(180deg,#fff,#fbfdff)}.otkp-interest-accordion summary::-webkit-details-marker{display:none}.otkp-interest-accordion summary>span{display:flex;align-items:center;gap:8px}.otkp-interest-accordion summary b[data-selected-count]{display:inline-grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:#e8f4fc;color:#0876bd;font-size:12px}.otkp-interest-accordion summary i{width:13px;height:13px;border-right:3px solid #0876bd;border-bottom:3px solid #0876bd;transform:rotate(45deg);transition:transform .2s;margin-right:5px}.otkp-interest-accordion details[open] summary i{transform:rotate(225deg)}.otkp-interest-accordion details>div{display:grid;gap:8px;padding:4px 18px 18px}.otkp-interest-accordion details>div>label{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border-radius:11px;background:#f7fafc}.otkp-accordion-hint{display:flex;align-items:center;gap:8px;color:#5b6f82;font-size:13px;margin:-3px 0 12px}.otkp-accordion-hint span{font-size:18px;color:#0876bd;animation:otkp-hint-bounce 1.8s ease-in-out infinite}@keyframes otkp-hint-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
.otkp-scroll-nav-shell{position:relative;min-width:0}.otkp-scroll-arrow{position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:38px;height:46px;border:1px solid #cbd9e6;border-radius:12px;background:rgba(255,255,255,.96);color:#0876bd;font-size:28px;line-height:1;box-shadow:0 6px 18px rgba(8,45,82,.16);cursor:pointer;display:none}.otkp-scroll-arrow.is-prev{left:4px}.otkp-scroll-arrow.is-next{right:4px}.otkp-scroll-nav-shell.is-scrollable .otkp-scroll-arrow{display:grid;place-items:center}.otkp-scroll-arrow:disabled{opacity:.28;cursor:default}.otkp-scroll-hint{display:none;position:absolute;right:10px;bottom:-19px;padding:2px 7px;border-radius:999px;background:#eff8fe;color:#0876bd;font-size:10px;font-weight:800;pointer-events:none}.otkp-scroll-nav-shell.is-scrollable .otkp-scroll-hint{display:inline-flex}.otkp-scroll-nav-shell.is-scrollable:before,.otkp-scroll-nav-shell.is-scrollable:after{content:"";position:absolute;z-index:6;top:0;bottom:0;width:44px;pointer-events:none}.otkp-scroll-nav-shell.is-scrollable:before{left:0;background:linear-gradient(90deg,rgba(244,248,252,.98),rgba(244,248,252,0))}.otkp-scroll-nav-shell.is-scrollable:after{right:0;background:linear-gradient(270deg,rgba(244,248,252,.98),rgba(244,248,252,0))}.otkp-scroll-nav-shell>.otkp-map-layers,.otkp-scroll-nav-shell>.otkp-section-tabs,.otkp-scroll-nav-shell>.otkp-stepper,.otkp-scroll-nav-shell>.otkp-mode-nav{scroll-behavior:smooth;scrollbar-width:thin;overscroll-behavior-inline:contain}.otkp-scroll-nav-shell>.otkp-map-layers,.otkp-scroll-nav-shell>.otkp-stepper,.otkp-scroll-nav-shell>.otkp-mode-nav{padding-left:44px!important;padding-right:44px!important}
.otkp-advanced-control{position:relative;margin-left:auto;display:flex;align-items:center;gap:7px}.otkp-view-toggle{display:flex!important;align-items:center;gap:10px;max-width:310px;padding:8px 11px!important;border:1px solid #cddbe8!important;border-radius:13px!important;background:#fff!important;color:#0b3157!important}.otkp-view-toggle>input{position:absolute;opacity:0;pointer-events:none}.otkp-toggle-ui{position:relative;flex:0 0 42px;width:42px;height:24px;border-radius:999px;background:#cbd7e2;transition:.2s}.otkp-toggle-ui:after{content:"";position:absolute;width:18px;height:18px;top:3px;left:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.25);transition:.2s}.otkp-view-toggle input:checked+.otkp-toggle-ui{background:#0876bd}.otkp-view-toggle input:checked+.otkp-toggle-ui:after{transform:translateX(18px)}.otkp-view-toggle strong,.otkp-view-toggle small{display:block}.otkp-view-toggle small{margin-top:2px;color:#607286;font-size:10px;line-height:1.25}.otkp-help-button{width:34px;height:34px;border-radius:50%;border:1px solid #cddbe8;background:#fff;color:#0876bd;font-weight:900;cursor:pointer}.otkp-advanced-help{position:absolute;z-index:30;right:0;top:calc(100% + 9px);width:min(350px,88vw);padding:15px 17px;border:1px solid #cddbe8;border-radius:14px;background:#fff;box-shadow:0 14px 36px rgba(8,45,82,.2);color:#263d52}.otkp-advanced-help ul{margin:8px 0 0;padding-left:20px}.otkp-advanced-help li+li{margin-top:5px}.otkp:not(.is-advanced) .otkp-advanced-only,.otkp:not(.is-advanced) .otkp-advanced-only-inline{display:none!important}.otkp:not(.is-advanced) .otkp-filter-panel details[data-advanced-filters]{display:none}.otkp.is-advanced .otkp-filter-panel{outline:2px solid rgba(8,118,189,.12)}
.otkp-age-badge{display:inline-flex!important;align-items:center;justify-content:center;vertical-align:middle;min-width:34px;height:22px;padding:0 7px;border-radius:999px;background:#9f1239;color:#fff!important;font-size:11px!important;font-weight:900!important;letter-spacing:.03em;line-height:1}.otkp-wine-interest span{display:block}.otkp-wine-interest small{display:block;margin-top:4px;color:#67798a;font-size:11px;line-height:1.35}.otkp-age-warning,.otkp-wine-warning,.otkp-age-directory-note{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border:1px solid #efc2cf;border-radius:12px;background:#fff4f7;color:#6f1734;font-size:12px;line-height:1.45}.otkp-age-warning strong,.otkp-wine-warning strong,.otkp-age-directory-note b{flex:0 0 auto;color:#9f1239}.otkp-wine-note{display:block!important;margin:6px 0;color:#7b2843!important;font-weight:700;line-height:1.35}.otkp-age-directory-note{max-width:780px;margin-top:12px}.otkp-plan-row .otkp-age-badge{margin-left:5px}.otkp-popup .otkp-age-badge{margin-left:4px}
@container (max-width:720px){.otkp-interest-accordion summary{min-height:58px;padding:14px}.otkp-interest-accordion details>div{padding:4px 12px 14px}.otkp-scroll-arrow{width:34px;height:42px}.otkp-scroll-hint{bottom:-17px}.otkp-advanced-control{width:100%;margin-left:0;justify-content:space-between}.otkp-view-toggle{max-width:none;flex:1}.otkp-advanced-help{right:0}.otkp-scroll-nav-shell{margin-bottom:20px}.otkp-scroll-nav-shell>.otkp-section-tabs{padding-left:39px!important;padding-right:39px!important}}
@media (prefers-reduced-motion:reduce){.otkp-accordion-hint span{animation:none}.otkp-interest-accordion summary i,.otkp-toggle-ui,.otkp-toggle-ui:after{transition:none}}


/* 5.0.4 – czytelny tryb zaawansowany i inteligentne filtry */
.otkp-mode-nav{overflow:visible;flex-wrap:wrap}.otkp-advanced-control{z-index:120}.otkp-view-toggle{white-space:normal!important;min-height:58px;box-shadow:0 5px 16px rgba(8,45,82,.08)}.otkp-view-toggle:hover{border-color:#8eb9da!important;background:#f7fbff!important}.otkp-help-button{flex:0 0 38px;width:38px;height:38px;font-size:17px;box-shadow:0 5px 14px rgba(8,45,82,.11)}
.otkp-advanced-help{position:fixed;z-index:99999;top:84px;right:max(18px,calc((100vw - min(1500px,96vw))/2));width:min(420px,calc(100vw - 28px));padding:22px 22px 20px;border:1px solid #b9cee0;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(5,35,68,.28);color:#263d52;animation:otkp-pop-in .16s ease-out}.otkp-advanced-help:before{content:"";position:absolute;right:24px;top:-10px;width:18px;height:18px;background:#fff;border-left:1px solid #b9cee0;border-top:1px solid #b9cee0;transform:rotate(45deg)}.otkp-advanced-help[hidden]{display:none!important}.otkp-advanced-help>strong{display:block;padding-right:34px;font:700 22px/1.2 Georgia,serif;color:#082d54}.otkp-advanced-help p{margin:9px 0 12px;line-height:1.55;color:#526174}.otkp-advanced-help ul{margin:0;padding-left:20px;display:grid;gap:7px}.otkp-help-kicker{display:block;margin-bottom:5px;color:#0876bd;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.otkp-help-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:#eef6fc;color:#0b4d82;font-size:24px;line-height:1}.otkp-help-close:hover{background:#dceefa}@keyframes otkp-pop-in{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
.otkp-filter-panel{background:linear-gradient(180deg,#fff,#f8fbfe);border-color:#c9dceb}.otkp-filter-panel>header{align-items:flex-start}.otkp-filter-panel>header>div strong,.otkp-filter-panel>header>div small{display:block}.otkp-filter-panel>header>div strong{font-size:20px}.otkp-filter-panel>header>div small{max-width:700px;margin-top:4px;color:#64778a;line-height:1.45}.otkp-filter-panel>header>button{padding:8px 12px;border:1px solid #cbdce9!important;border-radius:9px!important;background:#fff!important}.otkp-filter-grid{grid-template-columns:repeat(4,minmax(170px,1fr));gap:14px}.otkp-filter-grid label{font-size:12px;font-weight:800;color:#42586d}.otkp-filter-grid input,.otkp-filter-grid select{min-height:46px;border-radius:10px;padding:10px 12px;font-weight:600;color:#102f4c;box-shadow:0 2px 7px rgba(8,45,82,.04)}.otkp-filter-grid input:focus,.otkp-filter-grid select:focus{outline:3px solid rgba(8,118,189,.15);border-color:#0876bd}.otkp-filter-panel details{border-top:1px solid #d8e5ef;padding-top:12px}.otkp-filter-panel details summary{display:flex;align-items:center;gap:8px;cursor:pointer;color:#0b4d82;font-weight:900}.otkp-filter-panel details summary:after{content:"⌄";margin-left:auto;font-size:22px;transition:.18s}.otkp-filter-panel details[open] summary:after{transform:rotate(180deg)}.otkp-filter-panel details summary small{display:block;color:#6a7d90;font-weight:500}.otkp-check-grid label{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 10px;border:1px solid #d5e2ec;border-radius:9px;background:#fff;font-weight:650}.otkp-check-grid input{width:18px;height:18px}.otkp-filter-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}.otkp-filter-actions [data-filter-count]{color:#526b80;font-size:12px;font-weight:650}.otkp-filter-empty{grid-column:1/-1;padding:28px;border:1px dashed #9fbdd5;border-radius:16px;background:linear-gradient(145deg,#f7fbff,#fff);text-align:center}.otkp-filter-empty-icon{width:54px;height:54px;margin:0 auto 10px;display:grid;place-items:center;border-radius:50%;background:#e3f2fc;color:#0876bd;font-size:30px}.otkp-filter-empty h3{margin:0;color:#082d54;font:700 24px/1.2 Georgia,serif}.otkp-filter-empty>p{max-width:720px;margin:10px auto;color:#5b6f82;line-height:1.5}.otkp-filter-empty-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:16px 0 22px}.otkp-filter-empty-actions button{border:1px solid #9fbdd5;background:#fff;color:#0b4d82;padding:10px 14px;border-radius:9px;font-weight:800}.otkp-filter-empty-actions button:first-child{background:#0b4d82;color:#fff;border-color:#0b4d82}.otkp-filter-empty h4{margin:16px 0 12px;color:#183b5b}.otkp-suggestion-grid{text-align:left}
@container (max-width:1000px){.otkp-mode-nav{overflow-x:auto;flex-wrap:nowrap}.otkp-advanced-control{position:sticky;right:0;background:var(--otkp-bg);padding-left:8px}.otkp-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:720px){.otkp-advanced-control{position:static;min-width:290px;width:auto;margin-left:4px}.otkp-view-toggle{min-width:235px}.otkp-advanced-help{top:70px;right:10px;left:10px;width:auto;max-height:calc(100vh - 90px);overflow:auto}.otkp-advanced-help:before{right:52px}.otkp-filter-panel{padding:14px}.otkp-filter-panel>header{flex-direction:row}.otkp-filter-grid{grid-template-columns:1fr}.otkp-filter-actions{align-items:stretch;flex-direction:column}.otkp-filter-actions .otkp-primary{width:100%;min-height:48px}.otkp-check-grid{grid-template-columns:1fr}.otkp-filter-empty{padding:20px 14px}.otkp-filter-empty h3{font-size:21px}.otkp-suggestion-grid{grid-template-columns:1fr}}


/* 5.0.5 – kompaktowy tryb zaawansowany, pełny ekran i ostrzeżenia lokalizacyjne */
.otkp-advanced-control{gap:6px!important;flex:0 0 auto!important}
.otkp-view-toggle{min-height:44px!important;max-width:245px!important;padding:6px 9px!important;gap:8px!important;border-radius:12px!important;box-shadow:none!important}
.otkp-view-toggle small{font-size:9px!important;line-height:1.15!important;margin-top:1px!important}
.otkp-view-toggle strong{font-size:13px!important;line-height:1.15!important}
.otkp-toggle-ui{flex-basis:36px!important;width:36px!important;height:20px!important}
.otkp-toggle-ui:after{width:14px!important;height:14px!important;top:3px!important;left:3px!important}
.otkp-view-toggle input:checked+.otkp-toggle-ui:after{transform:translateX(16px)!important}
.otkp-help-button{width:34px!important;height:34px!important;flex-basis:34px!important;padding:6px!important;display:grid!important;place-items:center!important;color:#0b5f9e!important;background:#f8fbfe!important;border:1px solid #bcd2e3!important}
.otkp-help-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.otkp-help-button:hover,.otkp-help-button:focus-visible{background:#e7f3fb!important;border-color:#6faad1!important;outline:3px solid rgba(8,118,189,.14)}
.otkp-fullscreen-app-button,.otkp-map-fullscreen-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #bfd2e3;background:#fff;color:#0a4a7d;border-radius:11px;min-height:40px;padding:8px 12px;font-weight:800;cursor:pointer}
.otkp-fullscreen-app-button:hover,.otkp-map-fullscreen-button:hover{background:#edf7fd;border-color:#77add1}
.otkp-fullscreen-app-button.is-active,.otkp-map-fullscreen-button.is-active{background:#073f70;color:#fff;border-color:#073f70}
.otkp-location-notice{margin:0 12px 10px;border:1px solid #bed8ec;border-radius:14px;background:#eef8ff;color:#29465f;overflow:hidden}
.otkp-location-notice>button{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.otkp-location-notice>button>span:nth-child(2){display:grid;gap:2px;flex:1}
.otkp-location-notice strong{color:#0b426e;font-size:13px}
.otkp-location-notice small{font-size:10px;line-height:1.35;color:#567089}
.otkp-location-notice-icon{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:#0b78bd;color:#fff;font-weight:900;font-family:Georgia,serif}
.otkp-location-notice-chevron{transition:transform .18s ease;font-weight:900}
.otkp-location-notice.is-collapsed .otkp-location-notice-chevron{transform:rotate(180deg)}
.otkp-location-notice [data-location-notice-body]{padding:0 47px 11px;font-size:11px;line-height:1.5}
.otkp-location-notice [data-location-notice-body] p{margin:0}
.otkp-popup .otkp-data-note{display:block;margin:9px 0;padding:8px 9px;border-radius:9px;background:#fff5d8;color:#6b4e00;font-style:normal;font-size:11px;line-height:1.35}
.otkp-route-link{position:relative}
body.otkp-fullscreen-lock{overflow:hidden!important}
.otkp:fullscreen,.otkp.otkp-fallback-fullscreen{background:var(--otkp-bg,#f4f7fa);overflow:auto;width:100vw;height:100vh;max-width:none!important;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.otkp.otkp-fallback-fullscreen{position:fixed!important;inset:0!important;z-index:2147483000!important}
.otkp-map-card:fullscreen,.otkp-map-card.otkp-map-fallback-fullscreen{background:#fff;width:100vw;height:100vh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.otkp-map-card.otkp-map-fallback-fullscreen{position:fixed!important;inset:0!important;z-index:2147483001!important}
.otkp-map-card:fullscreen .otkp-map,.otkp-map-card.otkp-map-fallback-fullscreen .otkp-map{flex:1!important;min-height:0!important;height:auto!important}
.otkp-map-card:fullscreen .otkp-map-layers,.otkp-map-card.otkp-map-fallback-fullscreen .otkp-map-layers{flex:0 0 auto}
@container (max-width:1000px){.otkp-advanced-control{position:static!important;padding-left:0!important;background:transparent!important}.otkp-view-toggle{max-width:225px!important}}
@container (max-width:720px){.otkp-mode-nav{align-items:center}.otkp-advanced-control{min-width:0!important;width:auto!important;margin-left:2px!important}.otkp-view-toggle{min-width:0!important;width:205px!important;max-width:205px!important}.otkp-view-toggle small{display:none!important}.otkp-help-button{width:32px!important;height:32px!important;flex-basis:32px!important}.otkp-fullscreen-app-button span:last-child{display:none}.otkp-fullscreen-app-button{min-width:42px;padding:8px}.otkp-map-fullscreen-button span{display:none}.otkp-map-fullscreen-button{min-width:42px;padding:8px}.otkp-location-notice{margin:0 8px 8px}.otkp-location-notice small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.otkp-location-notice [data-location-notice-body]{padding:0 12px 11px 47px}.otkp-advanced-help{top:60px!important}}

/* Kreator 5.1.0 */
.otkp-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.otkp-progress-head button{border:0;background:transparent;color:var(--otkp-blue);font-weight:700;cursor:pointer}.otkp-progress-track{height:6px;background:#e8eef4;border-radius:99px;overflow:hidden;margin:8px 0 14px}.otkp-progress-track span{display:block;height:100%;width:11.11%;background:linear-gradient(90deg,var(--otkp-blue),var(--otkp-green));transition:width .25s ease}.otkp-stepper{scroll-snap-type:x proximity;padding-bottom:6px}.otkp-stepper button{display:flex;align-items:center;gap:9px;min-width:170px;text-align:left;scroll-snap-align:start;padding:10px 12px}.otkp-stepper button>b{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#edf4fa;color:#0b4d82}.otkp-stepper button>span{display:grid;line-height:1.2}.otkp-stepper button small{margin-top:3px;color:#6b7c8e;font-size:10px}.otkp-stepper button.is-active{position:relative;box-shadow:0 7px 20px rgba(8,45,82,.16)}.otkp-stepper button.is-active:after{content:"";position:absolute;left:50%;bottom:-8px;border:7px solid transparent;border-top-color:var(--otkp-navy);transform:translateX(-50%)}.otkp-stepper button.is-active>b{background:#fff;color:var(--otkp-navy)}.otkp-stepper button.is-active small{color:#dce9f4}.otkp-stepper button.is-complete:not(.is-active){border-color:#9ccbb2;background:#f3fbf7}.otkp-stepper button.is-complete:not(.is-active)>b{font-size:0;background:#1e8a5b;color:#fff}.otkp-stepper button.is-complete:not(.is-active)>b:before{content:"✓";font-size:15px}.otkp-mobile-step-nav{display:none;align-items:center;justify-content:space-between;gap:12px;margin:10px 0}.otkp-mobile-step-nav button{width:40px;height:40px;border-radius:50%;border:1px solid var(--otkp-border);background:#fff;color:var(--otkp-blue)}.otkp-mobile-step-nav span{font-weight:800;text-align:center}.otkp-date-days{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,2fr);gap:16px;align-items:end}.otkp-date-days>label,.otkp-manual-number{display:grid;gap:7px}.otkp-date-days input[type=date],.otkp-manual-number input,.otkp-per-day-grid input{min-height:46px;border:1px solid var(--otkp-border);border-radius:9px;padding:9px 11px;font:inherit}.otkp-manual-number{max-width:340px;margin-top:14px}.otkp-manual-number small{color:var(--otkp-muted)}.otkp-choice-grid label span small{display:block;margin-top:4px;color:var(--otkp-muted);font-size:11px}.otkp-inline-message{margin-top:14px;padding:12px 14px;border:1px solid #e6c987;border-radius:10px;background:#fff9e9;color:#6d5111}.otkp-inline-message p{margin:3px 0}.otkp-per-day-toggle{display:flex;align-items:center;gap:8px;margin:15px 0}.otkp-per-day-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.otkp-per-day-grid label{display:grid;gap:5px}.otkp-needs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.otkp-needs-grid label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--otkp-border);border-radius:10px;background:#fff}.otkp-wizard-summary{border:1px solid var(--otkp-border);border-radius:12px;background:#f8fbfd;padding:16px}.otkp-wizard-summary dl{display:grid;grid-template-columns:minmax(130px,.45fr) 1fr;gap:9px 18px;margin:0}.otkp-wizard-summary dt{font-weight:800;color:#29485f}.otkp-wizard-summary dd{margin:0}.otkp-attraction-count-grid label span{font-size:18px;font-weight:800}.otkp-attraction-count-grid label span small{font-size:10px;font-weight:500}



/* 5.1.1 — czytelniejsza pogoda, dni planu i przejazdy */
.otkp-planner-weather-status{display:block;margin-top:10px;padding:0;background:transparent;font-size:inherit}
.otkp-plan-weather-card{display:grid;grid-template-columns:76px minmax(180px,1fr) auto auto;align-items:center;gap:16px;padding:16px;border:1px solid #c8deec;border-radius:16px;background:linear-gradient(135deg,#fff,#edf8ff);box-shadow:0 8px 24px rgba(0,44,86,.06)}
.otkp-plan-weather-card--warn{background:linear-gradient(135deg,#fffaf0,#fff1d2);border-color:#ead29a}.otkp-plan-weather-card--danger{background:linear-gradient(135deg,#fff7f7,#ffe3e3);border-color:#e8b6b6}.otkp-plan-weather-card--good{background:linear-gradient(135deg,#f7fff9,#e5f8ec);border-color:#b9dcc4}
.otkp-plan-weather-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:18px;background:#fff;font-size:38px;box-shadow:0 5px 16px rgba(0,44,86,.10)}
.otkp-plan-weather-main small,.otkp-plan-weather-main strong{display:block}.otkp-plan-weather-main small{color:var(--otkp-muted);text-transform:capitalize}.otkp-plan-weather-main strong{font-size:20px;color:var(--otkp-navy);text-transform:capitalize}.otkp-plan-weather-main p{margin:5px 0 0;color:#445568;font-size:13px;line-height:1.45}
.otkp-plan-weather-temp{text-align:center;padding:0 16px;border-left:1px solid rgba(0,44,86,.12);border-right:1px solid rgba(0,44,86,.12)}.otkp-plan-weather-temp b{display:block;font-size:34px;line-height:1;color:var(--otkp-navy)}.otkp-plan-weather-temp span{display:block;margin-top:5px;color:var(--otkp-muted);font-size:12px}
.otkp-plan-weather-metrics{display:flex;gap:10px}.otkp-plan-weather-metrics span{display:grid;grid-template-columns:auto auto;gap:0 5px;align-items:center;min-width:72px;padding:9px;border-radius:11px;background:rgba(255,255,255,.78)}.otkp-plan-weather-metrics i{grid-row:1/3;font-style:normal;font-size:20px}.otkp-plan-weather-metrics b{font-size:14px}.otkp-plan-weather-metrics small{font-size:10px;color:var(--otkp-muted)}
.otkp-plan-weather-loading,.otkp-plan-weather-empty,.otkp-plan-weather-error{padding:14px;border-radius:12px;background:#fff;color:var(--otkp-muted)}.otkp-plan-weather-error{color:#9b2c2c;background:#fff1f1}
.otkp-unified-daybar{grid-template-columns:minmax(150px,auto) minmax(180px,1fr) minmax(150px,auto);gap:12px;margin:18px 0;padding:10px;border:1px solid var(--otkp-border);border-radius:14px;background:#f8fbfd}
.otkp-daybar-current{text-align:center}.otkp-daybar-current small,.otkp-daybar-current strong{display:block}.otkp-daybar-current small{color:var(--otkp-muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.otkp-daybar-current strong{font:700 20px Georgia,serif}
.otkp-unified-daybar button{display:flex;align-items:center;justify-content:center;gap:8px;height:auto;min-height:46px;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:800}.otkp-unified-daybar button span[aria-hidden=true]{font-size:20px}.otkp-unified-daybar button:disabled{opacity:.35;cursor:not-allowed}
.otkp-plan-row--travel{border-style:solid!important;background:linear-gradient(135deg,#f7fbf6,#edf5ea)!important;opacity:1}.otkp-plan-row--travel .otkp-plan-thumb{opacity:.8}.otkp-travel-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}.otkp-travel-meta span{padding:5px 8px;border-radius:999px;background:#fff;border:1px solid #dce8d8;color:#536154;font-size:11px}.otkp-travel-meta b{color:var(--otkp-navy)}
.otkp-plan-summary small{flex-basis:100%;color:var(--otkp-muted)}
@container (max-width:760px){.otkp-plan-weather-card{grid-template-columns:58px 1fr}.otkp-plan-weather-icon{width:54px;height:54px;font-size:30px;border-radius:14px}.otkp-plan-weather-temp{border:0;text-align:left;padding:0}.otkp-plan-weather-metrics{grid-column:1/-1}.otkp-plan-weather-main p{font-size:12px}.otkp-unified-daybar{grid-template-columns:1fr 1fr}.otkp-daybar-current{grid-column:1/-1;grid-row:1}.otkp-unified-daybar [data-plan-prev]{grid-column:1}.otkp-unified-daybar [data-plan-next]{grid-column:2}.otkp-unified-daybar button{min-width:0}.otkp-plan-row--travel .otkp-inline-numbers{display:none}}
@container (max-width:430px){.otkp-plan-weather-card{padding:12px;gap:10px}.otkp-plan-weather-metrics{display:grid;grid-template-columns:1fr 1fr;width:100%}.otkp-unified-daybar button{font-size:12px;padding:9px}.otkp-daybar-current strong{font-size:18px}.otkp-travel-meta span{font-size:10px}}

/* 5.1.3 – stan generatora planu */
.otkp-generate-status{margin:12px 0 0;padding:12px 14px;border:1px solid #cbdbea;border-radius:12px;background:#f7fbff;color:#15324d;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px;line-height:1.45}.otkp-generate-status[hidden]{display:none}.otkp-generate-status.is-loading{border-color:#9ec5e8;background:#eef7ff}.otkp-generate-status.is-success{border-color:#9ac9aa;background:#f0faf3;color:#174d2d}.otkp-generate-status.is-error{border-color:#e5a4a4;background:#fff4f4;color:#7b1f1f}.otkp-generate-status.is-error strong{display:block;width:100%}[data-generate][aria-busy="true"]{cursor:wait;opacity:.8}

/* 5.1.4 – czytelna oś czasu gotowego planu */
.otkp-day-timeline-head{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:18px;align-items:start;padding:18px 20px;margin-bottom:16px;border:1px solid #d7e2ec;border-radius:18px;background:linear-gradient(145deg,#fff,#f8fbfd);box-shadow:0 8px 24px rgba(8,45,82,.06)}
.otkp-day-timeline-head small{color:#0876bd;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.otkp-day-timeline-head h3{margin:3px 0 4px;color:#082d54;font:700 25px/1.15 Georgia,serif}.otkp-day-timeline-head p{margin:0;color:#607286}.otkp-day-stats{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:8px}.otkp-day-stats span{display:block;min-width:92px;padding:10px 12px;border:1px solid #dce7ef;border-radius:12px;background:#fff;text-align:center}.otkp-day-stats b,.otkp-day-stats small{display:block}.otkp-day-stats b{color:#0b3157}.otkp-day-stats small{margin-top:2px;color:#6a7b8b;font-size:10px;text-transform:none;letter-spacing:0}.otkp-travel-visibility{grid-column:1/-1;display:flex;align-items:center;gap:8px;width:max-content;color:#36536b;font-size:12px;font-weight:750}.otkp-travel-visibility input{width:18px;height:18px}
.otkp-day-timeline{position:relative;padding:2px 0 4px}.otkp-day-timeline:before{content:"";position:absolute;left:78px;top:18px;bottom:18px;width:2px;background:linear-gradient(#91c17f,#d2dfd0)}
.otkp-timeline-stop,.otkp-timeline-base,.otkp-timeline-transfer{position:relative;display:grid;grid-template-columns:62px 34px minmax(0,1fr);gap:10px;align-items:center;margin:10px 0}.otkp-timeline-hour{font-size:17px;font-weight:900;color:#0b4d82;text-align:right}.otkp-timeline-node{position:relative;z-index:2;display:grid;place-items:center;width:32px;height:32px;border:1px solid #bdd7c2;border-radius:50%;background:#f3fbf2;font-size:15px;box-shadow:0 0 0 5px #fff}.otkp-stop-card{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;padding:14px;border:1px solid #d8e3ec;border-radius:15px;background:#fff;box-shadow:0 5px 18px rgba(8,45,82,.045)}.otkp-stop-card>img{width:140px;height:98px;border-radius:11px;object-fit:cover}.otkp-stop-content header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.otkp-stop-content header strong,.otkp-stop-content header small{display:block}.otkp-stop-content header strong{color:#082d54;font-size:19px}.otkp-stop-content header small{margin-top:4px;color:#728397}.otkp-stop-content header>span{flex:0 0 auto;padding:7px 9px;border:1px solid #dce5ee;border-radius:9px;background:#f7f9fb;color:#4f6275;font-size:12px;font-weight:750}.otkp-stop-content p{margin:8px 0;color:#5c6f81;line-height:1.45}.otkp-stop-content nav{display:flex;gap:8px;flex-wrap:wrap}.otkp-stop-content nav a{padding:8px 11px;border:1px solid #c9d9e7;border-radius:8px;background:#fff;color:#075c9d;text-decoration:none;font-weight:800;font-size:12px}
.otkp-timeline-transfer{margin:5px 0}.otkp-timeline-transfer .otkp-timeline-hour{font-size:13px;color:#50687d}.otkp-transfer-line{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border:1px solid #dce5e9;border-radius:11px;background:#f8faf9;color:#52665b}.otkp-transfer-line strong{color:#253e32;font-size:12px}.otkp-transfer-line span,.otkp-transfer-line small{font-size:11px}.otkp-transfer-line span:before{content:"·";margin-right:8px}.otkp-transfer-line small{margin-left:auto;color:#738378}.otkp-hide-travel [data-travel-row]{display:none}
.otkp-base-card{display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:14px;padding:13px 16px;border:1px solid #bcd8b6;border-radius:15px;background:linear-gradient(135deg,#f6fcf3,#edf7e9)}.otkp-base-card img{width:84px;height:64px;object-fit:contain}.otkp-base-card strong{display:block;color:#244d2b;font-size:17px}.otkp-base-card p{margin:4px 0 0;color:#617565;font-size:12px}.otkp-base-card>span{padding:7px 10px;border:1px solid #c4ddc0;border-radius:9px;background:#f7fff5;color:#39733e;font-size:11px;font-weight:800}
.otkp-plan-is-editing .otkp-day-timeline-head{opacity:.8}.otkp-plan-is-editing .otkp-day-timeline:before{display:none}
@container (max-width:900px){.otkp-day-timeline-head{grid-template-columns:1fr}.otkp-day-stats{grid-template-columns:repeat(2,1fr)}}
@container (max-width:650px){.otkp-day-timeline-head{padding:14px}.otkp-day-timeline-head h3{font-size:21px}.otkp-day-timeline:before{left:55px}.otkp-timeline-stop,.otkp-timeline-base,.otkp-timeline-transfer{grid-template-columns:43px 28px minmax(0,1fr);gap:7px}.otkp-timeline-hour{font-size:13px}.otkp-timeline-node{width:27px;height:27px;font-size:12px;box-shadow:0 0 0 3px #fff}.otkp-stop-card{grid-template-columns:80px 1fr;gap:10px;padding:10px}.otkp-stop-card>img{width:80px;height:70px}.otkp-stop-content header{display:block}.otkp-stop-content header strong{font-size:15px}.otkp-stop-content header>span{display:inline-block;margin-top:7px}.otkp-stop-content p{display:none}.otkp-stop-content nav a{padding:7px 8px;font-size:10px}.otkp-transfer-line{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:7px 9px}.otkp-transfer-line small{grid-column:1/-1;margin:0}.otkp-transfer-line span:before{display:none}.otkp-base-card{grid-template-columns:52px 1fr;padding:10px}.otkp-base-card img{width:50px;height:42px}.otkp-base-card>span{display:none}.otkp-base-card p{font-size:10px}.otkp-day-stats span{min-width:0;padding:8px}.otkp-travel-visibility{font-size:11px}}


/* 5.1.5 – stabilny układ osi czasu i kart planu */
.otkp .otkp-day-timeline > .otkp-timeline-stop,
.otkp .otkp-day-timeline > .otkp-timeline-base,
.otkp .otkp-day-timeline > .otkp-timeline-transfer{
  display:grid!important;
  grid-template-columns:62px 34px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  overflow:visible!important;
}
.otkp .otkp-day-timeline > article > div,
.otkp .otkp-day-timeline > div > div{min-width:0}
.otkp .otkp-stop-card{
  width:100%;min-width:0;max-width:100%;overflow:hidden;
  grid-template-columns:minmax(110px,140px) minmax(0,1fr)!important;
}
.otkp .otkp-stop-content,
.otkp .otkp-stop-content header,
.otkp .otkp-stop-content header>div{min-width:0;max-width:100%}
.otkp .otkp-stop-content header strong{
  display:block!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:auto;
  line-height:1.25;
}
.otkp .otkp-stop-content header>span{white-space:nowrap}
.otkp .otkp-transfer-line{
  width:100%;min-width:0;display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px 14px!important;align-items:center!important;
}
.otkp .otkp-transfer-main{min-width:0;display:grid;gap:2px}
.otkp .otkp-transfer-main>small{color:#6d7f72;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.otkp .otkp-transfer-main>strong{display:block;min-width:0;white-space:normal;overflow-wrap:break-word;word-break:normal;color:#253e32;font-size:12px;line-height:1.35}
.otkp .otkp-transfer-meta{display:flex;align-items:center;gap:10px;white-space:nowrap}
.otkp .otkp-transfer-meta span,.otkp .otkp-transfer-meta small{font-size:11px}
.otkp .otkp-transfer-meta small{color:#738378}
.otkp .otkp-transfer-line>span:before{content:none!important}
.otkp .otkp-base-card{width:100%;min-width:0;max-width:100%;overflow:hidden}
@container (max-width:650px){
  .otkp .otkp-day-timeline > .otkp-timeline-stop,
  .otkp .otkp-day-timeline > .otkp-timeline-base,
  .otkp .otkp-day-timeline > .otkp-timeline-transfer{
    grid-template-columns:43px 28px minmax(0,1fr)!important;
    gap:7px!important;
  }
  .otkp .otkp-stop-card{grid-template-columns:72px minmax(0,1fr)!important}
  .otkp .otkp-stop-card>img{width:72px;height:64px}
  .otkp .otkp-transfer-line{grid-template-columns:1fr!important}
  .otkp .otkp-transfer-meta{justify-content:space-between;white-space:normal}
}
@container (max-width:430px){
  .otkp .otkp-day-timeline:before{left:20px}
  .otkp .otkp-day-timeline > .otkp-timeline-stop,
  .otkp .otkp-day-timeline > .otkp-timeline-base,
  .otkp .otkp-day-timeline > .otkp-timeline-transfer{
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:start!important;
  }
  .otkp .otkp-timeline-hour{grid-column:1/-1;text-align:left;padding-left:40px;margin-bottom:-4px}
  .otkp .otkp-timeline-node{grid-column:1;grid-row:2}
  .otkp .otkp-stop-card,.otkp .otkp-base-card,.otkp .otkp-transfer-line{grid-column:2;grid-row:2}
  .otkp .otkp-stop-card{grid-template-columns:1fr!important}
  .otkp .otkp-stop-card>img{width:100%;height:150px}
  .otkp .otkp-base-card{grid-template-columns:46px minmax(0,1fr)!important}
  .otkp .otkp-base-card img{width:44px;height:38px}
  .otkp .otkp-stop-content header>span{white-space:normal}
}


/* 5.2.2 – wyróżniony przycisk Planuj i graficzne kontrolki mapy */
.otkp-mode-nav>.otkp-plan-hero-button{
    position:relative;
    flex:0 0 auto;
    width:clamp(150px,14vw,230px);
    height:64px;
    padding:0!important;
    border-radius:20px!important;
    overflow:visible;
    background:transparent!important;
    box-shadow:none!important;
    transform:translateY(-1px);
}
.otkp-mode-nav>.otkp-plan-hero-button img{
    width:100%;
    height:100%;
    object-fit:contain;
    filter:drop-shadow(0 8px 14px rgba(1,31,72,.28));
    transition:transform .18s ease,filter .18s ease;
}
.otkp-mode-nav>.otkp-plan-hero-button:hover img,
.otkp-mode-nav>.otkp-plan-hero-button:focus-visible img{
    transform:translateY(-2px) scale(1.035);
    filter:drop-shadow(0 12px 20px rgba(0,91,171,.38));
}
.otkp-mode-nav>.otkp-plan-hero-button.is-active:after{
    content:"";
    position:absolute;
    left:18%;
    right:18%;
    bottom:-3px;
    height:4px;
    border-radius:999px;
    background:#12a9ef;
    box-shadow:0 0 13px rgba(18,169,239,.75);
}
.otkp-section-tabs [data-content-tab="planner"] img{
    object-fit:contain;
    background:#061d4c;
    padding:7px;
}
.otkp-map-extra-controls{
    gap:5px;
    padding:5px;
    border:1px solid rgba(45,88,126,.22);
    border-radius:14px;
    background:rgba(255,255,255,.96);
    box-shadow:0 8px 24px rgba(15,45,74,.18);
}
.otkp-map-extra-controls button{
    display:grid;
    place-items:center;
    width:46px;
    height:46px;
    padding:3px;
    border:1px solid #d5e2ec!important;
    border-radius:10px;
    background:#fff!important;
    overflow:hidden;
    transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.otkp-map-extra-controls button:last-child{border-bottom:1px solid #d5e2ec!important}
.otkp-map-extra-controls button img{
    width:100%;
    height:100%;
    object-fit:contain;
    pointer-events:none;
}
.otkp-map-extra-controls button:hover,
.otkp-map-extra-controls button:focus-visible{
    transform:translateY(-1px);
    border-color:#77b9e5!important;
    box-shadow:0 5px 12px rgba(9,101,166,.18);
}
.otkp-map-extra-controls button.is-active{
    border-color:#0ba4ea!important;
    background:#eaf8ff!important;
    box-shadow:0 0 0 3px rgba(11,164,234,.14);
}
@container (max-width:720px){
    .otkp-mode-nav>.otkp-plan-hero-button{width:145px;height:54px}
    .otkp-map-extra-controls button{width:42px;height:42px}
}

/* 5.2.3 – twarda stabilizacja planera na telefonach */
.otkp .otkp-timeline-hour{
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  min-width:max-content!important;
  width:auto!important;
}
.otkp .otkp-stop-card,
.otkp .otkp-base-card,
.otkp .otkp-transfer-line,
.otkp .otkp-stop-content,
.otkp .otkp-stop-content header,
.otkp .otkp-stop-content header>div{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}

@container (max-width:600px){
  .otkp .otkp-day-timeline{padding-left:0!important;overflow:hidden!important}
  .otkp .otkp-day-timeline:before{left:16px!important}
  .otkp .otkp-day-timeline > .otkp-timeline-stop,
  .otkp .otkp-day-timeline > .otkp-timeline-base,
  .otkp .otkp-day-timeline > .otkp-timeline-transfer{
    grid-template-columns:34px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:5px!important;
    align-items:start!important;
    margin:12px 0!important;
  }
  .otkp .otkp-timeline-hour{
    grid-column:1/-1!important;
    grid-row:1!important;
    justify-self:start!important;
    text-align:left!important;
    padding:0 0 0 44px!important;
    margin:0!important;
    font-size:15px!important;
    line-height:1.2!important;
  }
  .otkp .otkp-timeline-node{
    grid-column:1!important;
    grid-row:2!important;
    width:30px!important;
    height:30px!important;
    margin:4px 0 0 1px!important;
  }
  .otkp .otkp-stop-card,
  .otkp .otkp-base-card,
  .otkp .otkp-transfer-line{
    grid-column:2!important;
    grid-row:2!important;
    width:100%!important;
    margin:0!important;
  }
  .otkp .otkp-stop-card{
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    gap:10px!important;
    padding:10px!important;
  }
  .otkp .otkp-stop-card>img{
    width:92px!important;
    height:82px!important;
    max-height:82px!important;
    object-fit:cover!important;
    border-radius:10px!important;
  }
  .otkp .otkp-stop-content header{display:block!important}
  .otkp .otkp-stop-content header strong{
    font-size:16px!important;
    line-height:1.25!important;
  }
  .otkp .otkp-stop-content header>span{
    display:inline-flex!important;
    margin-top:6px!important;
    padding:5px 7px!important;
    font-size:11px!important;
  }
  .otkp .otkp-stop-content nav{gap:6px!important;margin-top:8px!important}
  .otkp .otkp-stop-content nav a{
    min-height:36px!important;
    padding:7px 9px!important;
    font-size:11px!important;
  }
  .otkp .otkp-transfer-line{
    display:block!important;
    padding:10px 11px!important;
  }
  .otkp .otkp-transfer-meta{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
    gap:5px 10px!important;
    margin-top:6px!important;
  }
}

@media (max-width:600px){
  .otkp .otkp-day-timeline{padding-left:0!important;overflow:hidden!important}
  .otkp .otkp-day-timeline:before{left:16px!important}
  .otkp .otkp-day-timeline > .otkp-timeline-stop,
  .otkp .otkp-day-timeline > .otkp-timeline-base,
  .otkp .otkp-day-timeline > .otkp-timeline-transfer{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:5px!important;
    align-items:start!important;
    width:100%!important;
    min-width:0!important;
    margin:12px 0!important;
  }
  .otkp .otkp-timeline-hour{
    grid-column:1/-1!important;
    grid-row:1!important;
    justify-self:start!important;
    text-align:left!important;
    padding:0 0 0 44px!important;
    margin:0!important;
    font-size:15px!important;
    line-height:1.2!important;
  }
  .otkp .otkp-timeline-node{grid-column:1!important;grid-row:2!important;width:30px!important;height:30px!important;margin:4px 0 0 1px!important}
  .otkp .otkp-stop-card,.otkp .otkp-base-card,.otkp .otkp-transfer-line{grid-column:2!important;grid-row:2!important;width:100%!important;margin:0!important}
  .otkp .otkp-stop-card{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;gap:10px!important;padding:10px!important}
  .otkp .otkp-stop-card>img{width:92px!important;height:82px!important;max-height:82px!important;object-fit:cover!important;border-radius:10px!important}
  .otkp .otkp-stop-content header{display:block!important}
  .otkp .otkp-stop-content header strong{font-size:16px!important;line-height:1.25!important}
  .otkp .otkp-stop-content header>span{display:inline-flex!important;margin-top:6px!important;padding:5px 7px!important;font-size:11px!important}
  .otkp .otkp-stop-content nav{gap:6px!important;margin-top:8px!important}
  .otkp .otkp-stop-content nav a{min-height:36px!important;padding:7px 9px!important;font-size:11px!important}
  .otkp .otkp-transfer-line{display:block!important;padding:10px 11px!important}
  .otkp .otkp-transfer-meta{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:5px 10px!important;margin-top:6px!important}
}

@media (max-width:390px){
  .otkp .otkp-stop-card{grid-template-columns:76px minmax(0,1fr)!important}
  .otkp .otkp-stop-card>img{width:76px!important;height:70px!important;max-height:70px!important}
  .otkp .otkp-stop-content header strong{font-size:14px!important}
  .otkp .otkp-stop-content nav a{flex:1 1 100%!important;justify-content:center!important}
}


/* 5.2.4 — pełne etykiety przycisków pełnego ekranu także na telefonach */
@container (max-width:720px){
  .otkp-fullscreen-app-button span:last-child,
  .otkp-map-fullscreen-button span{display:inline!important}
  .otkp-fullscreen-app-button,
  .otkp-map-fullscreen-button{min-width:0!important;width:auto!important;max-width:100%;padding:8px 10px!important;gap:6px!important;font-size:12px;line-height:1.15;white-space:nowrap}
  .otkp-map-toolbar{flex-wrap:wrap}
  .otkp-map-toolbar .otkp-search{flex:1 1 100%}
  .otkp-map-toolbar .otkp-filter-button,
  .otkp-map-toolbar .otkp-map-fullscreen-button{flex:1 1 auto}
}
@container (max-width:420px){
  .otkp-fullscreen-app-button,
  .otkp-map-fullscreen-button{font-size:11px;padding:7px 8px!important}
  .otkp-fullscreen-app-button span:first-child,
  .otkp-map-fullscreen-button{letter-spacing:-.01em}
}

/* 6.0.0 — Przewodnik turystyczny + tryb terenowy */
.otkp-guide-tab-icon{font-size:28px;line-height:1}
.otkp-guide-home{display:grid;gap:18px}
.otkp-guide-search{position:relative;max-width:980px}
.otkp-guide-search>input{width:100%;min-height:52px;border:1px solid #d7dee7;border-radius:16px;padding:0 18px;font-size:16px;background:#fff}
.otkp-guide-search>[data-guide-results]{position:absolute;z-index:80;left:0;right:0;top:58px;background:#fff;border:1px solid #d7dee7;border-radius:14px;box-shadow:0 16px 40px rgba(15,23,42,.16);padding:8px;max-height:360px;overflow:auto}
.otkp-guide-search>[data-guide-results] button{display:grid;width:100%;grid-template-columns:110px 1fr;gap:2px 12px;text-align:left;padding:10px 12px;border:0;border-bottom:1px solid #eef1f5;background:#fff}
.otkp-guide-search>[data-guide-results] button span{grid-row:1/3;color:#476074;font-size:12px;text-transform:uppercase}.otkp-guide-search>[data-guide-results] button small{color:#677889}
.otkp-guide-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.otkp-guide-actions button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:92px;padding:16px;border:1px solid #dde4ea;border-radius:16px;background:#fff;text-align:left;cursor:pointer}.otkp-guide-actions button:hover{border-color:#8caf78;box-shadow:0 7px 20px rgba(38,77,54,.09)}.otkp-guide-actions strong{font-size:16px}.otkp-guide-actions small{color:#667785}
.otkp-guide-nearby{border-top:1px solid #e8edf1;padding-top:16px}.otkp-guide-nearby>header{display:flex;justify-content:space-between;align-items:center;gap:12px}.otkp-guide-nearby>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.otkp-guide-nearby article{display:grid;gap:5px;padding:13px;border:1px solid #e1e6eb;border-radius:14px}.otkp-guide-nearby article>span{font-size:11px;text-transform:uppercase;color:#587063}.otkp-guide-nearby article small{color:#667785}.otkp-guide-nearby article button{justify-self:start}
.otkp-field-mode{display:grid;gap:18px}.otkp-field-controls{display:grid;grid-template-columns:minmax(250px,1fr) auto auto auto;gap:10px;align-items:end}.otkp-field-controls label{display:grid;gap:5px}.otkp-field-controls select{min-height:44px;border:1px solid #d6dde5;border-radius:10px;padding:0 10px;background:#fff}.otkp-field-status{padding:12px 14px;border-radius:12px;background:#eef6ef;border:1px solid #d4e6d5;color:#2b4c35}.otkp-field-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.otkp-field-metrics article{border:1px solid #e0e5e9;border-radius:14px;padding:14px;background:#fff;display:grid;gap:4px}.otkp-field-metrics small{color:#6a7884}.otkp-field-metrics strong{font-size:17px}.otkp-field-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.otkp-field-grid>section{border:1px solid #e0e5e9;border-radius:16px;padding:16px}.otkp-field-grid [data-field-nearby]{display:grid;gap:8px}.otkp-field-grid [data-field-nearby] button{display:grid;grid-template-columns:100px 1fr auto;gap:8px;text-align:left;align-items:center;border:0;border-bottom:1px solid #edf0f2;background:#fff;padding:10px 4px}.otkp-field-grid [data-field-nearby] button span{font-size:11px;text-transform:uppercase;color:#64776a}.otkp-field-route-summary{display:grid;gap:9px}.otkp-field-route-summary>span{color:#3e6950;font-weight:700}.otkp-field-route-summary>div{display:flex;flex-wrap:wrap;gap:8px}.otkp-field-route-summary>div b{padding:5px 8px;background:#f2f6f2;border-radius:8px}.otkp-field-route-summary footer{display:flex;flex-wrap:wrap;gap:8px}.otkp-field-disclaimer{padding:12px 14px;border-left:4px solid #c79028;background:#fff8e8;border-radius:8px}.otkp-route-facts{font-size:13px;margin:6px 0;color:#586776}
@media(max-width:900px){.otkp-guide-actions,.otkp-guide-nearby>div{grid-template-columns:repeat(2,minmax(0,1fr))}.otkp-field-controls{grid-template-columns:1fr 1fr}.otkp-field-controls label{grid-column:1/-1}.otkp-field-grid{grid-template-columns:1fr}}
@media(max-width:560px){.otkp-guide-actions,.otkp-guide-nearby>div,.otkp-field-metrics{grid-template-columns:1fr}.otkp-field-controls{grid-template-columns:1fr}.otkp-field-grid [data-field-nearby] button{grid-template-columns:1fr auto}.otkp-field-grid [data-field-nearby] button span{grid-column:1/-1}}


/* ============================================================
   OdpocznijTu 6.1.1 — responsive UI + image runtime fix
   ============================================================ */
.otkp{max-width:var(--otkp-max-width,1600px);padding:clamp(12px,1.25vw,22px);overflow:visible}
.otkp-topbar{grid-template-columns:minmax(240px,auto) minmax(320px,1fr) auto;gap:24px;padding:18px 22px;box-shadow:0 8px 24px rgba(6,39,74,.07)}
.otkp-brand img{width:72px;height:72px}.otkp-brand strong{font-size:clamp(26px,2vw,36px)}.otkp-brand small{font-size:14px;margin-top:4px}
.otkp-slogan{text-align:center}.otkp-slogan strong{font-size:clamp(22px,2vw,34px)}.otkp-slogan small{font-size:14px;margin-top:5px}
.otkp-fullscreen-app-button{min-height:44px;padding:0 16px}
.otkp-feature-nav{display:none!important}

.otkp-mode-nav{display:flex;justify-content:center;gap:8px;padding:14px 4px 16px;overflow-x:auto;scrollbar-width:none}.otkp-mode-nav::-webkit-scrollbar{display:none}
.otkp-mode-nav>button{min-height:46px;padding:10px 18px;font-size:14px;border:1px solid transparent}
.otkp-mode-nav>button.is-active{box-shadow:0 5px 14px rgba(6,39,74,.16)}
.otkp-mode-nav>.otkp-plan-hero-button{width:auto!important;height:auto!important;min-width:126px!important;display:inline-flex!important;gap:8px!important;align-items:center!important;justify-content:center!important;background:var(--otkp-navy)!important;color:#fff!important;border-radius:999px!important;padding:10px 20px!important;box-shadow:none!important}
.otkp-mode-nav>.otkp-plan-hero-button img{display:none!important}.otkp-mode-nav>.otkp-plan-hero-button strong{font-size:14px}.otkp-mode-nav>.otkp-plan-hero-button>span{font-size:17px}
.otkp-advanced-control{margin-left:10px}

.otkp-dashboard{grid-template-columns:minmax(280px,340px) minmax(0,1fr);grid-template-areas:"today map" "side side";gap:16px;align-items:start}
.otkp-today{grid-area:today}.otkp-map-card{grid-area:map}.otkp-right-stack{grid-area:side;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.otkp-today article>button{grid-template-columns:96px 1fr}.otkp-today article img{width:96px;height:88px}.otkp-today article strong{font-size:14px}.otkp-today article small{font-size:12px}
.otkp-map-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding:14px}.otkp-search input,.otkp-filter-button,.otkp-map-fullscreen-button{min-height:46px}
.otkp-map{height:clamp(420px,42vw,620px);min-height:420px;background:linear-gradient(135deg,#edf3f7,#e3edf3)}
.otkp-map-layers{gap:8px;padding:12px 14px}.otkp-map-layers button{min-height:40px;padding:9px 15px;font-size:13px;border-radius:999px}
.otkp-location-notice{font-size:13px}

.otkp-section-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.otkp-section-tabs button{min-height:96px;padding:14px}.otkp-section-tabs button img{width:72px;height:72px;flex-basis:72px}.otkp-section-tabs button strong{font-size:16px}.otkp-section-tabs button small{font-size:12px;line-height:1.4}

.otkp-discovery{grid-template-columns:minmax(260px,300px) minmax(0,1fr);gap:18px;margin-top:18px;align-items:start}.otkp-filter-panel{position:sticky;top:16px;padding:18px}.otkp-filter-panel>header strong{font-size:18px}.otkp-filter-panel>header small{font-size:12px;line-height:1.45}.otkp-filter-grid{grid-template-columns:1fr;gap:12px}.otkp-filter-grid label{font-size:12px}.otkp-filter-grid select,.otkp-filter-grid input{min-height:42px;padding:10px 11px}.otkp-filter-head-actions{display:flex;align-items:center;gap:8px}.otkp-filter-close{display:none;border:0;background:transparent;font-size:28px;color:var(--otkp-muted)}
.otkp-best{padding:18px}.otkp-best>header strong{font-size:20px}.otkp-card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.otkp-place-card{display:flex;flex-direction:column;min-height:100%;border-radius:14px}.otkp-place-media{aspect-ratio:16/9;background:#eef3f6;overflow:hidden}.otkp-place-media img{width:100%;height:100%;object-fit:cover}.otkp-place-body{padding:16px;height:auto;flex:1}.otkp-place-location{display:inline-flex;align-self:flex-start;padding:4px 8px;border-radius:999px;background:#edf6f0;color:var(--otkp-green);font-size:12px;font-weight:700}.otkp-place-body h3{font-size:20px;line-height:1.2;margin:9px 0 10px;color:var(--otkp-navy)}.otkp-card-meta{gap:8px;font-size:12px}.otkp-card-meta span{background:#f5f8fb;border-radius:999px;padding:5px 8px}.otkp-place-body p{font-size:14px;line-height:1.55;-webkit-line-clamp:3}.otkp-public-location-note{display:inline-flex;margin-top:9px;font-size:11px;color:#8a650f;background:#fff8df;border:1px solid #ead79f;padding:5px 8px;border-radius:999px;align-self:flex-start}.otkp-location-data,.otkp-trust{display:none!important}
.otkp-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:12px}.otkp-card-actions button,.otkp-card-actions a{min-height:44px;padding:10px 12px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;text-align:center}.otkp-card-actions .otkp-card-primary{grid-column:1/-1;background:var(--otkp-navy);color:#fff;border-color:var(--otkp-navy)}.otkp-card-actions button[data-add]{background:#edf6f0;color:var(--otkp-green);border-color:#cfe2d7}.otkp-route-disabled{display:none}
.otkp-load-more{min-height:46px;margin:20px auto 0;padding:11px 22px;border-radius:999px;font-size:14px;font-weight:800;color:var(--otkp-navy);box-shadow:0 4px 14px rgba(6,39,74,.08)}

.otkp-quality{margin:16px 0 0;background:transparent;border:0;padding:0;color:var(--otkp-muted)}.otkp-quality summary{cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--otkp-muted)}.otkp-quality p{max-width:760px;font-size:12px;line-height:1.55;margin:8px 0 0}

@container (min-width:1250px){.otkp-dashboard{grid-template-columns:minmax(280px,320px) minmax(560px,1fr) minmax(300px,340px);grid-template-areas:"today map side"}.otkp-right-stack{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr}.otkp-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.otkp-section-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container (min-width:1500px){.otkp-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

@container (max-width:1000px){.otkp-topbar{grid-template-columns:auto 1fr auto}.otkp-slogan{text-align:left}.otkp-dashboard{grid-template-columns:1fr;grid-template-areas:"map" "today" "side"}.otkp-right-stack{grid-template-columns:1fr 1fr}.otkp-discovery{grid-template-columns:1fr}.otkp-filter-panel{position:relative;top:auto}.otkp-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.otkp-section-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.otkp-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@container (max-width:720px){
  .otkp{padding:8px 8px 78px;border:0;border-radius:0;overflow:visible}
  .otkp-topbar{grid-template-columns:1fr auto;padding:12px;gap:10px}.otkp-brand img{width:52px;height:52px}.otkp-brand strong{font-size:23px}.otkp-brand small{font-size:12px}.otkp-slogan{display:none}.otkp-fullscreen-app-button{min-width:44px;padding:0 10px}.otkp-fullscreen-app-button span:last-child{display:none}
  .otkp-mode-nav{position:fixed!important;left:0;right:0;bottom:0;top:auto!important;z-index:10050;background:#fff;border-top:1px solid var(--otkp-border);box-shadow:0 -8px 24px rgba(6,39,74,.12);padding:7px 6px max(7px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);gap:3px;overflow:visible}
  .otkp-mode-nav>button{min-width:0;min-height:50px;padding:5px 2px;border-radius:10px;font-size:10px;white-space:normal;line-height:1.15}.otkp-mode-nav>.otkp-plan-hero-button{min-width:0!important;min-height:50px!important;padding:5px 4px!important;border-radius:10px!important;display:flex!important;flex-direction:column!important;gap:2px!important}.otkp-mode-nav>.otkp-plan-hero-button strong{font-size:10px}.otkp-mode-nav>.otkp-plan-hero-button>span{font-size:17px}
  .otkp-mode-nav [data-main-mode="today"],.otkp-mode-nav .otkp-live-shortcut{display:none}.otkp-advanced-control{display:none}
  .otkp-dashboard{display:flex;flex-direction:column;gap:12px}.otkp-map-card{order:1}.otkp-today{order:2}.otkp-right-stack{order:3;display:flex;flex-direction:column}.otkp-weather{order:1}.otkp-food-panel{order:2}
  .otkp-map-toolbar{grid-template-columns:1fr 1fr;gap:8px}.otkp-search{grid-column:1/-1}.otkp-filter-button,.otkp-map-fullscreen-button{width:100%;padding:0 8px}.otkp-map{height:390px;min-height:340px}.otkp-map-layers{padding:10px}.otkp-map-layers button{min-height:42px;font-size:12px}
  .otkp-section-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.otkp-section-tabs button{min-height:112px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:10px}.otkp-section-tabs button img{width:54px;height:54px;flex-basis:54px}.otkp-section-tabs button strong{font-size:13px}.otkp-section-tabs button small{font-size:10px}
  .otkp-discovery{display:block}.otkp-filter-panel{position:fixed;z-index:11000;inset:0 0 0 auto;width:min(92vw,380px);height:100dvh;overflow-y:auto;border-radius:18px 0 0 18px;transform:translateX(105%);transition:transform .22s ease;box-shadow:-20px 0 50px rgba(6,39,74,.18);padding:18px}.otkp-filter-panel.is-open{transform:translateX(0)}body.otkp-filter-open:before{content:"";position:fixed;inset:0;background:rgba(6,39,74,.48);z-index:10990}.otkp-filter-close{display:inline-flex}.otkp-filter-grid{grid-template-columns:1fr}.otkp-best{padding:12px}.otkp-card-grid{grid-template-columns:1fr;gap:14px}.otkp-place-body h3{font-size:19px}.otkp-place-body p{font-size:14px}.otkp-card-actions{grid-template-columns:1fr}.otkp-card-actions .otkp-card-primary{grid-column:auto}.otkp-card-actions button,.otkp-card-actions a{min-height:46px;font-size:13px}
}

/* OTKP 6.1.2 — odporna inicjalizacja mapy */
.otkp-map-card{position:relative}
.otkp-map-status{margin:10px 14px 12px;padding:12px 14px;border-radius:12px;border:1px solid #cbdbe7;background:#f6fbff;color:#123d5e;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}
.otkp-map-status[hidden]{display:none!important}
.otkp-map-status strong,.otkp-map-status small{display:block}
.otkp-map-status small{margin-top:3px;color:#64748b;line-height:1.35}
.otkp-map-status.is-error{background:#fff7ed;border-color:#fdba74;color:#9a3412}
.otkp-map-status button{min-height:38px;padding:8px 13px;border:0;border-radius:9px;background:#083f70;color:#fff;font-weight:800;cursor:pointer;white-space:nowrap}
.otkp-map-has-error .otkp-map{min-height:280px;background:linear-gradient(135deg,#eef4f7,#e8eff3)}
.otkp-map .leaflet-control-container{font-size:12px}
@container (max-width:720px){.otkp-map-status{margin:8px 10px 10px;align-items:flex-start;flex-direction:column}.otkp-map-status button{width:100%}}


/* 6.1.4 – kompaktowe przyciski kart tras */
.otkp .otkp-tour-route-card footer{gap:6px;align-items:center;margin-top:2px}
.otkp .otkp-tour-route-card footer a,
.otkp .otkp-tour-route-card footer button{
  min-height:30px!important;
  padding:5px 9px!important;
  border-radius:7px!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:700!important;
  width:auto!important;
  flex:0 0 auto;
}
@media(max-width:560px){
  .otkp .otkp-tour-route-card footer{gap:5px}
  .otkp .otkp-tour-route-card footer a,
  .otkp .otkp-tour-route-card footer button{
    width:auto!important;
    min-height:29px!important;
    padding:5px 8px!important;
    font-size:11px!important;
  }
}


/* 6.2.0 — nowy interfejs planera i kart szczegółów */
.otkp-wizard-section>header{max-width:1180px;margin:0 auto 16px}.otkp-wizard-section>header h2{font-family:inherit!important;font-size:30px!important;line-height:1.15}.otkp-wizard-section form{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:0 22px;align-items:start}.otkp-progress-head,.otkp-progress-track,.otkp-stepper,.otkp-mobile-step-nav{grid-column:1/-1}.otkp-progress-track{height:5px;margin:7px 0 12px}.otkp-progress-track span{background:var(--otkp-navy)}.otkp-stepper{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;overflow:visible!important}.otkp-stepper button{min-width:0!important;min-height:52px;padding:7px 8px!important;border-radius:11px!important;box-shadow:none!important}.otkp-stepper button>b{width:25px;height:25px;flex-basis:25px;font-size:12px}.otkp-stepper button>span{font-size:12px;font-weight:800}.otkp-stepper button small{font-size:9px}.otkp-stepper button.is-active:after{display:none}.otkp-stepper button.is-active{transform:none!important}.otkp-step{grid-column:1;padding:22px!important;border:1px solid #d8e4ed!important;border-radius:18px!important;background:#fff;box-shadow:0 8px 24px rgba(8,45,82,.05)}.otkp-step legend{padding:0!important;margin:0 0 5px!important;color:#082d54;font-family:inherit!important;font-size:28px!important;font-weight:800!important}.otkp-step-intro{margin:0 0 18px;color:#627487;font-size:15px}.otkp-wizard-live-summary{grid-column:2;grid-row:5 / span 2;position:sticky;top:20px;border:1px solid #d7e4ee;border-radius:16px;background:linear-gradient(180deg,#f8fbfd,#fff);padding:17px}.otkp-wizard-live-summary>span{color:#0876bd;font-size:10px;font-weight:900;letter-spacing:.08em}.otkp-wizard-live-summary h3{margin:4px 0 13px;font-family:inherit!important;font-size:18px;color:#082d54}.otkp-wizard-live-summary dl{display:grid;gap:9px;margin:0}.otkp-wizard-live-summary dl div{padding-bottom:8px;border-bottom:1px solid #e6edf3}.otkp-wizard-live-summary dt{font-size:11px;font-weight:800;color:#607386}.otkp-wizard-live-summary dd{margin:2px 0 0;color:#15324d;font-size:12px;font-weight:700}.otkp-date-days{grid-template-columns:minmax(260px,.85fr) minmax(0,1.65fr);gap:18px}.otkp-days-grid{grid-template-columns:repeat(5,minmax(80px,1fr))!important}.otkp-days-grid label span{min-height:48px!important;font-size:16px!important}.otkp-manual-number{max-width:260px}.otkp-stay-summary{display:flex;gap:8px 14px;align-items:center;flex-wrap:wrap;margin-top:14px;padding:11px 13px;border-radius:11px;background:#eef6fb;color:#29485f}.otkp-stay-summary strong{color:#082d54}.otkp-stay-summary span{font-size:12px}.otkp-rental-option{position:relative;display:flex!important;align-items:center!important;gap:13px!important;margin-top:15px!important;padding:13px 15px!important;border:1px solid #cbdde9!important;border-radius:13px!important;background:#f7fbfe!important}.otkp-rental-option>input{appearance:none;width:42px!important;height:24px!important;flex:0 0 42px;border:0!important;border-radius:999px;background:#cbd8e2;position:relative;cursor:pointer}.otkp-rental-option>input:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:.18s}.otkp-rental-option>input:checked{background:#0b5f43}.otkp-rental-option>input:checked:before{transform:translateX(18px)}.otkp-rental-option strong{font-size:15px}.otkp-rental-option small{display:block;margin-top:2px;color:#718296;font-size:11px}.otkp-needs-subsection{margin-top:22px;padding-top:18px;border-top:1px solid #dce6ee}.otkp-needs-subsection h3{margin:0 0 4px;font-size:18px}.otkp-needs-subsection>p{margin:0 0 12px;color:#718296;font-size:12px}.otkp-needs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.otkp-wizard-actions{grid-column:1;display:flex;justify-content:space-between;align-items:center;margin-top:14px}.otkp-wizard-actions [data-step-prev]:disabled{visibility:hidden}.otkp-wizard-actions button{min-height:42px;padding:9px 17px;border-radius:10px;font-size:14px}.otkp-generate-status{grid-column:1}.otkp-wizard-summary{background:#fff}.otkp-choice-grid label span{min-height:50px;display:flex;align-items:center;justify-content:center}.otkp-needs-grid label{min-height:44px}
.otkp-modal{padding:18px!important;background:rgba(5,27,47,.55)!important}.otkp-modal>div,.otkp-detail-dialog{position:relative;width:min(1120px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;padding:26px!important;border-radius:20px!important}.otkp-close{position:absolute!important;top:14px!important;right:14px!important;z-index:5;width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:50%!important;background:#082d54!important;color:#fff!important;font-size:24px!important;line-height:1!important;padding:0!important;box-shadow:0 4px 12px rgba(8,45,82,.18)}.otkp-detail-hero{display:grid!important;grid-template-columns:minmax(280px,40%) minmax(0,1fr)!important;gap:24px!important;align-items:start!important;padding-right:48px}.otkp-detail-hero>img{width:100%!important;height:245px!important;object-fit:cover!important;border-radius:15px!important}.otkp-detail-heading{padding-top:4px}.otkp-detail-location{display:block;color:#617386;font-size:13px}.otkp-detail-heading h2{margin:10px 0 8px!important;color:#082d54!important;font-family:inherit!important;font-size:34px!important;line-height:1.12!important}.otkp-detail-badge{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid #d4e1eb;border-radius:999px;background:#f8fbfd;color:#35516a;font-size:12px;font-weight:750}.otkp-detail-heading p{margin:12px 0 0;color:#4f6275;font-size:15px;line-height:1.55}.otkp-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-top:20px!important}.otkp-detail-grid section{padding:18px!important;border-radius:14px!important}.otkp-detail-grid h3{margin:0 0 14px;color:#082d54;font-size:17px;line-height:1.2}.otkp-detail-grid .otkp-detail-subtitle{margin-top:22px}.otkp-detail-grid dl{margin:0}.otkp-detail-grid dl div{margin-bottom:14px}.otkp-detail-grid dt{font-size:13px}.otkp-detail-grid dd{margin-top:4px!important;font-size:13px;line-height:1.45}.otkp-detail-grid section>p,.otkp-detail-grid li,.otkp-detail-muted{font-size:13px;line-height:1.5;color:#50657a}.otkp-detail-grid ul{display:grid;gap:9px;padding-left:18px}.otkp-detail-grid li span{display:block}.otkp-near-food{display:grid;gap:11px}.otkp-near-food article{display:grid;gap:2px}.otkp-near-food article b{font-size:13px}.otkp-near-food article small{color:#718296;font-size:11px}.otkp-detail-source{margin-top:18px;padding-top:16px;border-top:1px solid #dce6ee}.otkp-detail-source h3{margin-bottom:8px}.otkp-detail-source p{margin:0}.otkp-detail-source a{color:#0b5f9e;font-size:13px}.otkp-detail-source small{display:block;margin-top:6px;color:#8190a0;font-size:11px}.otkp-modal footer{gap:9px!important;margin-top:18px!important}.otkp-modal footer button,.otkp-modal footer a{min-height:38px!important;padding:8px 12px!important;border-radius:9px!important;font-size:13px!important;font-weight:800!important;line-height:1.1!important;text-decoration:none!important}.otkp-modal footer .otkp-detail-add{background:#fff!important;color:#0b4d82!important;border:1px solid #b9cddd!important}.otkp-modal footer a{background:#082d54!important;color:#fff!important}



/* 6.2.3 — stabilny, dwukolumnowy layout planera */
.otkp-wizard-section{
  container-type:inline-size;
}
.otkp-wizard-section>header{
  max-width:1280px!important;
  margin:0 auto 18px!important;
  padding:0 2px;
}
.otkp-wizard-section>header h2{
  margin:5px 0 8px!important;
  font-size:30px!important;
  line-height:1.14!important;
}
.otkp-wizard-section>header p{
  max-width:820px;
  margin:0!important;
}
.otkp-wizard-section form{
  display:block!important;
  max-width:1280px!important;
  margin:0 auto!important;
}
.otkp-progress-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 5px!important;
}
.otkp-progress-head strong{font-size:15px!important}
.otkp-progress-head [data-wizard-summary-open]{
  padding:4px 0!important;
  border:0!important;
  background:transparent!important;
  color:#0b64a5!important;
  font-size:13px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.otkp-progress-track{
  width:100%!important;
  height:4px!important;
  margin:0 0 13px!important;
  border-radius:999px!important;
  overflow:hidden!important;
}
.otkp-stepper{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
  margin:0 0 18px!important;
  overflow:visible!important;
}
.otkp-stepper button{
  min-width:0!important;
  min-height:56px!important;
  padding:7px 8px!important;
  border-radius:11px!important;
}
.otkp-stepper button>b{
  width:25px!important;height:25px!important;flex:0 0 25px!important;
  font-size:12px!important;
}
.otkp-stepper button>span{min-width:0;font-size:11px!important;line-height:1.16!important}
.otkp-stepper button small{
  display:block!important;
  max-width:100%!important;
  margin-top:3px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:9px!important;
  font-weight:650!important;
}
.otkp-wizard-layout{
  display:grid!important;
  grid-template-columns:minmax(0,3fr) minmax(230px,1fr)!important;
  gap:22px!important;
  align-items:start!important;
  width:100%!important;
}
.otkp-wizard-main{
  min-width:0!important;
}
.otkp-step{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:22px!important;
  border:1px solid #d8e4ed!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(8,45,82,.05)!important;
}
.otkp-step[hidden]{display:none!important}
.otkp-step legend{
  padding:0 6px 0 0!important;
  margin:0!important;
  color:#082d54!important;
  font-size:26px!important;
  line-height:1.12!important;
}
.otkp-step-intro{margin:2px 0 18px!important}
.otkp-wizard-live-summary{
  grid-column:auto!important;
  grid-row:auto!important;
  position:sticky!important;
  top:24px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:17px!important;
  border:1px solid #d7e4ee!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#f8fbfd,#fff)!important;
  box-shadow:0 8px 24px rgba(8,45,82,.04)!important;
}
.otkp-wizard-live-summary h3{margin:4px 0 12px!important;font-size:17px!important}
.otkp-wizard-live-summary dl{gap:8px!important}
.otkp-wizard-live-summary dl div{padding-bottom:7px!important}
.otkp-wizard-live-summary dt{font-size:10px!important}
.otkp-wizard-live-summary dd{font-size:12px!important}
.otkp-date-days{
  display:grid!important;
  grid-template-columns:minmax(230px,.8fr) minmax(420px,1.45fr)!important;
  gap:18px!important;
  align-items:end!important;
}
.otkp-date-days>label,.otkp-date-days>div{min-width:0!important}
.otkp-days-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(68px,1fr))!important;
  gap:8px!important;
}
.otkp-days-grid label span{
  min-height:44px!important;
  padding:7px 8px!important;
  font-size:14px!important;
}
.otkp-manual-number{
  display:grid!important;
  grid-template-columns:minmax(170px,240px) 1fr!important;
  column-gap:12px!important;
  row-gap:3px!important;
  align-items:center!important;
  max-width:520px!important;
  margin-top:14px!important;
}
.otkp-manual-number>span{grid-column:1;font-size:13px!important;font-weight:750!important}
.otkp-manual-number>input{grid-column:2;grid-row:1 / span 2;min-height:42px!important}
.otkp-manual-number>small{grid-column:1;font-size:10px!important;line-height:1.35!important}
.otkp-stay-summary{
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  margin:14px 0 0!important;
  padding:8px 11px!important;
  background:#f2f7fb!important;
  border:1px solid #e0eaf1!important;
  border-radius:10px!important;
  font-size:12px!important;
}
.otkp-rental-option{
  width:auto!important;
  max-width:620px!important;
  margin-top:14px!important;
  padding:10px 12px!important;
  background:#f8fbfd!important;
}
.otkp-rental-option strong{font-size:13px!important}
.otkp-rental-option small{font-size:10px!important}
.otkp-rental-option>input{width:38px!important;height:22px!important;flex-basis:38px!important}
.otkp-rental-option>input:before{width:16px!important;height:16px!important}
.otkp-rental-option>input:checked:before{transform:translateX(16px)!important}
.otkp-wizard-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
  margin:14px 0 0!important;
  padding:12px 0 0!important;
  border-top:1px solid #e6edf3!important;
}
.otkp-wizard-actions button{
  min-height:38px!important;
  padding:7px 14px!important;
  border-radius:9px!important;
  font-size:13px!important;
}
.otkp-wizard-actions [data-step-prev]:disabled{visibility:hidden!important}
.otkp-generate-status{margin-top:10px!important}
.otkp-mobile-step-nav{display:none!important}

@container (max-width:1050px){
  .otkp-wizard-layout{grid-template-columns:minmax(0,1fr) 230px!important;gap:16px!important}
  .otkp-stepper{display:flex!important;overflow-x:auto!important;padding-bottom:3px}
  .otkp-stepper button{min-width:118px!important;flex:0 0 118px!important}
  .otkp-date-days{grid-template-columns:minmax(210px,.8fr) minmax(0,1.35fr)!important}
  .otkp-days-grid{grid-template-columns:repeat(5,minmax(58px,1fr))!important}
}
@container (max-width:820px){
  .otkp-wizard-layout{grid-template-columns:1fr!important}
  .otkp-wizard-live-summary{
    position:static!important;
    grid-row:auto!important;
    margin-top:12px!important;
    order:2!important;
  }
  .otkp-wizard-main{order:1!important}
  .otkp-date-days{grid-template-columns:1fr!important;align-items:stretch!important}
  .otkp-manual-number{max-width:100%!important}
  .otkp-rental-option{max-width:100%!important}
}
@container (max-width:640px){
  .otkp-wizard-section>header h2{font-size:25px!important}
  .otkp-progress-head [data-wizard-summary-open]{font-size:12px!important}
  .otkp-stepper{display:none!important}
  .otkp-mobile-step-nav{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin:0 0 12px!important;
    padding:8px 10px!important;
    border:1px solid #dce7ef!important;
    border-radius:11px!important;
    background:#f8fbfd!important;
  }
  .otkp-mobile-step-nav button{width:34px!important;height:34px!important;min-height:34px!important;padding:0!important}
  .otkp-mobile-step-nav span{font-size:12px!important;font-weight:800!important;text-align:center!important}
  .otkp-step{padding:15px!important;border-radius:14px!important}
  .otkp-step legend{font-size:22px!important}
  .otkp-step-intro{font-size:13px!important;margin-bottom:14px!important}
  .otkp-days-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .otkp-manual-number{display:block!important;margin-top:12px!important}
  .otkp-manual-number>input{width:100%!important;margin:5px 0 3px!important}
  .otkp-stay-summary{display:flex!important;width:100%!important}
  .otkp-wizard-live-summary{padding:13px!important}
  .otkp-wizard-live-summary h3{font-size:15px!important}
  .otkp-wizard-actions{
    position:sticky!important;
    bottom:0!important;
    z-index:15!important;
    margin:14px -6px -6px!important;
    padding:10px 6px!important;
    border-top:1px solid #e2eaf0!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 -6px 18px rgba(8,45,82,.07)!important;
  }
  .otkp-wizard-actions button{min-height:40px!important}
}

/* 6.2.4 — Design System i korekta komponentów planera */
.otkp-wizard-section{
  --otkp-pl-space-1:4px;
  --otkp-pl-space-2:8px;
  --otkp-pl-space-3:12px;
  --otkp-pl-space-4:16px;
  --otkp-pl-space-5:24px;
  --otkp-pl-radius-sm:8px;
  --otkp-pl-radius-md:12px;
  --otkp-pl-control-h:40px;
  --otkp-pl-font-sm:12px;
  --otkp-pl-font-md:14px;
  --otkp-pl-font-lg:18px;
}
.otkp-wizard-section .otkp-step{font-size:var(--otkp-pl-font-md)!important}
.otkp-wizard-section .otkp-step legend{font-size:25px!important;line-height:1.15!important}
.otkp-wizard-section .otkp-step>p{font-size:14px!important;line-height:1.55!important;color:#536a80!important}
.otkp-wizard-section .otkp-step h3{font-size:18px!important;line-height:1.25!important;color:#102f50!important}

/* Liczba atrakcji: sześć równych, kompaktowych opcji; tekst nigdy nie leży obok liczby. */
.otkp-wizard-section .otkp-attraction-count-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:9px!important;
  margin:14px 0 16px!important;
}
.otkp-wizard-section .otkp-attraction-count-grid label{min-width:0!important}
.otkp-wizard-section .otkp-attraction-count-grid label>span{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  min-height:76px!important;
  padding:10px 8px!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  font-size:22px!important;
  font-weight:850!important;
  line-height:1!important;
}
.otkp-wizard-section .otkp-attraction-count-grid label:first-child>span{
  font-size:14px!important;
  line-height:1.15!important;
}
.otkp-wizard-section .otkp-attraction-count-grid label>span small{
  display:block!important;
  width:100%!important;
  margin:2px 0 0!important;
  color:#60758a!important;
  font-size:10px!important;
  font-weight:600!important;
  line-height:1.25!important;
  text-align:center!important;
  white-space:normal!important;
}
.otkp-wizard-section .otkp-attraction-count-grid input:checked+span small{color:#345a7b!important}
.otkp-wizard-section .otkp-step[data-step="7"] .otkp-manual-number{
  grid-template-columns:minmax(200px,290px) minmax(140px,220px)!important;
  max-width:540px!important;
  margin-top:6px!important;
}
.otkp-wizard-section .otkp-per-day-toggle{
  margin:12px 0!important;
  font-size:14px!important;
}

/* Dodatkowe potrzeby: mniejsze kontrolki, ale nadal wygodne do kliknięcia. */
.otkp-wizard-section .otkp-needs-subsection{margin-top:18px!important;padding-top:16px!important}
.otkp-wizard-section .otkp-needs-subsection>p{margin-bottom:10px!important}
.otkp-wizard-section .otkp-needs-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.otkp-wizard-section .otkp-needs-grid label{
  min-height:42px!important;
  padding:8px 11px!important;
  gap:8px!important;
  border-radius:9px!important;
  font-size:14px!important;
  line-height:1.25!important;
}
.otkp-wizard-section .otkp-needs-grid input[type="checkbox"]{
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
}

/* Spójna hierarchia przycisków w planerze. */
.otkp [data-wizard-section] button,
.otkp .otkp-unified-plan button{
  border-radius:9px;
}
.otkp .otkp-unified-weather{
  grid-template-columns:minmax(185px,.7fr) minmax(330px,1.6fr) auto!important;
  gap:12px!important;
  margin:14px 0!important;
  padding:12px!important;
  border-radius:12px!important;
}
.otkp .otkp-planner-weather-status{padding:0!important;background:transparent!important;margin:0!important}
.otkp .otkp-plan-weather-card{
  grid-template-columns:56px minmax(180px,1fr) auto auto!important;
  gap:12px!important;
  padding:12px!important;
  border-radius:13px!important;
  box-shadow:none!important;
}
.otkp .otkp-plan-weather-icon{width:50px!important;height:50px!important;font-size:25px!important}
.otkp .otkp-plan-weather-main strong{font-size:16px!important}
.otkp .otkp-plan-weather-main p{margin-top:3px!important;font-size:11px!important;line-height:1.35!important}
.otkp .otkp-plan-weather-temp b{font-size:27px!important}
.otkp .otkp-plan-weather-temp span{font-size:10px!important}
.otkp .otkp-plan-weather-metrics span{min-width:50px!important;padding:6px 7px!important}
.otkp .otkp-plan-weather-metrics b{font-size:13px!important}
.otkp .otkp-plan-weather-metrics small{font-size:9px!important}
.otkp .otkp-planner-weather-actions{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
}
.otkp .otkp-planner-weather-actions button{
  min-height:36px!important;
  padding:7px 11px!important;
  border-radius:8px!important;
  font-size:12px!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.otkp .otkp-planner-weather-actions [data-weather-refresh]{
  background:#fff!important;
  border:1px solid #cddbe7!important;
  color:#244765!important;
  font-weight:700!important;
}
.otkp .otkp-planner-weather-actions [data-weather-adjust]{
  background:#0b4f82!important;
  border:1px solid #0b4f82!important;
  color:#fff!important;
  font-weight:800!important;
}

/* Przejazdy w harmonogramie: czytelna hierarchia, poprawny dystans poniżej 1 km. */
.otkp .otkp-transfer-line{
  min-height:42px!important;
  padding:8px 11px!important;
  border-radius:10px!important;
  background:#f8faf9!important;
}
.otkp .otkp-transfer-main>small{font-size:9px!important}
.otkp .otkp-transfer-main>strong{font-size:12px!important}
.otkp .otkp-transfer-meta span{font-size:11px!important;font-weight:750!important;color:#415a4d!important}
.otkp .otkp-transfer-meta small{font-size:10px!important}

@container (max-width:1100px){
  .otkp-wizard-section .otkp-attraction-count-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .otkp .otkp-unified-weather{grid-template-columns:1fr 1fr!important}
  .otkp .otkp-planner-weather-actions{grid-column:1/-1!important;justify-content:flex-end!important}
}
@container (max-width:720px){
  .otkp-wizard-section .otkp-attraction-count-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .otkp-wizard-section .otkp-attraction-count-grid label>span{min-height:66px!important}
  .otkp-wizard-section .otkp-step[data-step="7"] .otkp-manual-number{display:block!important;max-width:100%!important}
  .otkp-wizard-section .otkp-needs-grid{grid-template-columns:1fr 1fr!important}
  .otkp .otkp-unified-weather{grid-template-columns:1fr!important;padding:10px!important}
  .otkp .otkp-planner-weather-actions{grid-column:auto!important;justify-content:stretch!important}
  .otkp .otkp-planner-weather-actions button{flex:1 1 0!important}
  .otkp .otkp-plan-weather-card{grid-template-columns:48px 1fr auto!important}
  .otkp .otkp-plan-weather-metrics{grid-column:1/-1!important;display:flex!important}
}
@container (max-width:480px){
  .otkp-wizard-section .otkp-needs-grid{grid-template-columns:1fr!important}
  .otkp .otkp-planner-weather-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .otkp .otkp-planner-weather-actions button{width:100%!important;white-space:normal!important}
}

/* 6.2.5 — karta przejazdu wyrównana wg wzorca wizualnego */
.otkp .otkp-transfer-line{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) auto auto!important;
  align-items:center!important;
  column-gap:18px!important;
  min-height:62px!important;
  padding:10px 16px!important;
  border:1px solid #d9e4de!important;
  border-radius:14px!important;
  background:#f9fbfa!important;
  color:#223d31!important;
  box-shadow:none!important;
}
.otkp .otkp-transfer-destination{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding-right:18px!important;
  border-right:1px solid #d9e4de!important;
}
.otkp .otkp-transfer-destination-icon{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#eaf6ed!important;
  font-size:16px!important;
  line-height:1!important;
}
.otkp .otkp-transfer-destination strong{
  min-width:0!important;
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:700!important;
  color:#183a2b!important;
  white-space:normal!important;
}
.otkp .otkp-transfer-summary{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  white-space:nowrap!important;
}
.otkp .otkp-transfer-kind{
  margin:0!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.06em!important;
  color:#587265!important;
}
.otkp .otkp-transfer-meta{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  white-space:nowrap!important;
}
.otkp .otkp-transfer-meta span{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:800!important;
  color:#28483a!important;
}
.otkp .otkp-transfer-line.is-driving .otkp-transfer-duration:before{content:"🚗";font-size:12px}
.otkp .otkp-transfer-line.is-walking .otkp-transfer-duration:before{content:"🚶";font-size:12px}
.otkp .otkp-transfer-distance:before{content:"📍";font-size:11px}
.otkp .otkp-transfer-duration + .otkp-transfer-distance:after{
  content:"";
}
.otkp .otkp-transfer-arrival{
  justify-self:end!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:500!important;
  color:#7a8981!important;
  white-space:nowrap!important;
}
.otkp .otkp-transfer-line .otkp-transfer-meta span:before{margin-right:0!important}

@container (max-width:900px){
  .otkp .otkp-transfer-line{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px 14px!important;
  }
  .otkp .otkp-transfer-destination{
    grid-row:1/3!important;
  }
  .otkp .otkp-transfer-summary{
    justify-self:end!important;
  }
  .otkp .otkp-transfer-arrival{
    grid-column:2!important;
    justify-self:end!important;
  }
}
@container (max-width:650px){
  .otkp .otkp-transfer-line{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    min-height:0!important;
    padding:11px 12px!important;
  }
  .otkp .otkp-transfer-destination{
    grid-row:auto!important;
    padding:0 0 9px!important;
    border-right:0!important;
    border-bottom:1px solid #e0e9e4!important;
  }
  .otkp .otkp-transfer-destination-icon{
    flex-basis:30px!important;
    width:30px!important;
    height:30px!important;
    font-size:14px!important;
  }
  .otkp .otkp-transfer-destination strong{font-size:12px!important}
  .otkp .otkp-transfer-summary{
    justify-self:stretch!important;
    justify-content:space-between!important;
    gap:8px!important;
  }
  .otkp .otkp-transfer-meta{gap:8px!important}
  .otkp .otkp-transfer-arrival{
    grid-column:1!important;
    justify-self:start!important;
    padding-left:0!important;
  }
}

/* 7.0.1.29 — główna mapa: dopracowany zestaw ikon toolbaru */
.otkp .otkp-map-extra-controls{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:7px!important;
  width:64px!important;
  padding:8px 7px!important;
  border:1px solid rgba(143,198,169,.18)!important;
  border-radius:23px!important;
  background:rgba(9,29,36,.92)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.04)!important;
  backdrop-filter:blur(14px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.15)!important;
  overflow:visible!important;
}
.otkp .otkp-map-extra-controls::before{content:none!important}
.otkp .otkp-map-extra-controls .otkp-map-control-button{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  padding:0!important;
  border:1px solid rgba(142,197,168,.18)!important;
  border-radius:14px!important;
  background:rgba(17,43,50,.94)!important;
  color:#b4e0c5!important;
  box-shadow:0 6px 18px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035)!important;
  font-size:0!important;
  line-height:1!important;
  cursor:pointer!important;
  overflow:visible!important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease,border-color .16s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}
.otkp .otkp-map-extra-controls .otkp-map-control-button:hover{
  transform:translateY(-1px)!important;
  background:#163d36!important;
  color:#d7f7e2!important;
  border-color:rgba(119,208,158,.32)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.otkp .otkp-map-extra-controls .otkp-map-control-button:active{transform:translateY(0) scale(.97)!important}
.otkp .otkp-map-extra-controls .otkp-map-control-button:focus-visible{outline:3px solid rgba(83,190,132,.28)!important;outline-offset:2px!important}
.otkp .otkp-map-extra-controls .otkp-map-control-button.is-gps-on:not(.is-loading):not(.is-error){background:#173c32!important;color:#a7ebc2!important;border-color:rgba(95,199,139,.31)!important}
.otkp .otkp-map-extra-controls .otkp-map-control-button.is-loading{background:linear-gradient(180deg,#246f57,#164b3b)!important;color:#fff!important;border-color:#397d66!important;box-shadow:0 9px 22px rgba(17,76,57,.31),inset 0 1px 0 rgba(255,255,255,.10)!important;animation:otkp-map-control-attention 1.8s ease-in-out infinite!important}
.otkp .otkp-map-extra-controls .otkp-map-control-button.is-error{background:#4a2026!important;color:#ffc7ca!important;border-color:#7e4349!important}
.otkp .otkp-map-control-icon{display:grid!important;place-items:center!important;width:27px!important;height:27px!important;color:inherit!important;filter:drop-shadow(0 1px 3px rgba(61,190,124,.12))}
.otkp .otkp-map-control-icon--location{color:#9fe4c0!important}
.otkp .otkp-map-control-icon--home{color:#b7e8c8!important}
.otkp .otkp-map-control-icon--fit{color:#a8ddd0!important}
.otkp .otkp-map-control-icon--zoom-in,.otkp .otkp-map-control-icon--zoom-out{color:#c0ead1!important}
.otkp .otkp-map-control-icon svg{display:block!important;width:27px!important;height:27px!important;max-width:none!important;max-height:none!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important}
.otkp .otkp-map-control-copy,.otkp .otkp-map-control-label,.otkp .otkp-map-control-helper{display:none!important}

.otkp .otkp-map-tool-separator{display:block!important;width:34px!important;height:1px!important;margin:2px 0!important;background:linear-gradient(90deg,transparent,rgba(173,220,194,.17),transparent)!important}
/* Podpisy tylko po najechaniu/focusie — jak narzędzia mapy w Trybie terenowym. */
.otkp .otkp-map-extra-controls .otkp-map-control-button::after{
  content:attr(data-label);
  position:absolute;
  left:calc(100% + 13px);
  top:50%;
  transform:translate(-7px,-50%);
  z-index:20;
  display:block;
  width:max-content;
  max-width:210px;
  padding:9px 12px;
  border:1px solid rgba(139,194,163,.18);
  border-radius:11px;
  background:rgba(10,33,39,.97);
  color:#dff4e6;
  box-shadow:0 9px 26px rgba(0,0,0,.32);
  font-size:12px;
  font-weight:800;
  line-height:1.15;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}
.otkp .otkp-map-extra-controls .otkp-map-control-button::before{
  content:"";
  position:absolute;
  left:calc(100% + 7px);
  top:50%;
  z-index:21;
  width:10px;
  height:10px;
  border-top:1px solid rgba(139,194,163,.18);
  border-right:1px solid rgba(139,194,163,.18);
  background:rgba(10,33,39,.97);
  transform:translate(-7px,-50%) rotate(45deg);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}
.otkp .otkp-map-extra-controls .otkp-map-control-button:hover::after,
.otkp .otkp-map-extra-controls .otkp-map-control-button:hover::before,
.otkp .otkp-map-extra-controls .otkp-map-control-button:focus-visible::after,
.otkp .otkp-map-extra-controls .otkp-map-control-button:focus-visible::before{opacity:1;visibility:visible}
.otkp .otkp-map-extra-controls .otkp-map-control-button:hover::after,
.otkp .otkp-map-extra-controls .otkp-map-control-button:focus-visible::after{transform:translate(0,-50%)}
.otkp .otkp-map-extra-controls .otkp-map-control-button:hover::before,
.otkp .otkp-map-extra-controls .otkp-map-control-button:focus-visible::before{transform:translate(0,-50%) rotate(45deg)}
.otkp .otkp-user-location-marker{filter:drop-shadow(0 2px 3px rgba(4,47,82,.3))}
@keyframes otkp-map-control-attention{0%,100%{box-shadow:0 9px 22px rgba(17,76,57,.31),0 0 0 0 rgba(47,154,102,.22)}50%{box-shadow:0 9px 22px rgba(17,76,57,.31),0 0 0 6px rgba(47,154,102,0)}}
@container (max-width:720px){
  .otkp .otkp-map-extra-controls{width:54px!important;padding:6px 5px!important;gap:5px!important;border-radius:17px!important}
  .otkp .otkp-map-extra-controls .otkp-map-control-button{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:11px!important}
  .otkp .otkp-map-control-icon,.otkp .otkp-map-control-icon svg{width:22px!important;height:22px!important}
  .otkp .otkp-map-extra-controls .otkp-map-control-button::before,
  .otkp .otkp-map-extra-controls .otkp-map-control-button::after{display:none!important}
}

/* 6.3.0 — uporządkowany frontend przewodnika */
.otkp-section-groups{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;padding:0!important}
.otkp-section-group{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 38px;border:1px solid var(--otkp-border);border-radius:14px;background:#fff;min-width:0;box-shadow:0 6px 18px rgba(15,23,42,.035)}
.otkp-section-group>button[data-content-tab]{display:grid!important;grid-template-columns:64px 1fr!important;gap:12px!important;align-items:center!important;border:0!important;background:transparent!important;padding:12px 10px 12px 14px!important;text-align:left!important;min-width:0!important;box-shadow:none!important}
.otkp-section-group>button[data-content-tab] img,.otkp-section-group>button[data-content-tab]>.otkp-guide-tab-icon,.otkp-section-group>button[data-content-tab]>.otkp-live-tab-icon{width:58px!important;height:58px!important;border-radius:12px!important;object-fit:cover!important;display:grid!important;place-items:center!important;font-size:28px!important;background:#f3f7f5!important}
.otkp-section-group>button[data-content-tab] strong{font-size:16px!important;line-height:1.2}.otkp-section-group>button[data-content-tab] small{display:block;margin-top:4px;color:#7b8793;font-size:12px!important}
.otkp-section-group.has-active,.otkp-section-group:has(>button.is-active){border-color:#2271b1;box-shadow:0 0 0 1px rgba(34,113,177,.15),0 8px 24px rgba(34,113,177,.08)}
.otkp-section-group-toggle{border:0!important;border-left:1px solid #edf0f2!important;background:transparent!important;color:#365b76!important;font-size:20px!important;border-radius:0 14px 14px 0!important}.otkp-section-group-toggle:hover{background:#f4f8fb!important}
.otkp-section-group>[data-section-group-menu]{position:absolute;z-index:80;top:calc(100% + 7px);left:0;right:0;display:grid;gap:3px;padding:7px;background:#fff;border:1px solid var(--otkp-border);border-radius:10px;box-shadow:0 12px 30px rgba(15,23,42,.15)}
.otkp-section-group>[data-section-group-menu][hidden]{display:none!important}.otkp-section-group>[data-section-group-menu] button{border:0;background:#fff;text-align:left;padding:9px 10px;border-radius:7px;color:#17324d;font-weight:600}.otkp-section-group>[data-section-group-menu] button:hover{background:#edf5fb}

.otkp-dashboard{align-items:stretch!important}.otkp-today,.otkp-map-card{height:100%}.otkp-today>[data-today-list]{align-content:space-between}.otkp-today article{padding-bottom:7px}.otkp-today article>button{grid-template-columns:76px 1fr}.otkp-today article img{width:76px;height:72px}.otkp-today article strong{font-size:12px}.otkp-today article small{font-size:10px}.otkp-today article em{font-size:9px}.otkp-time-label{margin-bottom:5px}.otkp-time-label b{font-size:13px}
.otkp-right-stack{grid-template-columns:1fr!important}.otkp-weather{height:100%}.otkp-weather-nextdays{margin-top:10px}.otkp-weather-nextdays>span{display:block;font-size:12px;opacity:.8;margin-bottom:6px}.otkp-weather-nextdays>[data-weather-nextdays]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.otkp-weather-nextdays article{background:rgba(255,255,255,.08);border-radius:8px;padding:8px;min-width:0}.otkp-weather-nextdays article span,.otkp-weather-nextdays article b,.otkp-weather-nextdays article small{display:block}.otkp-weather-nextdays article span{font-size:10px;opacity:.72}.otkp-weather-nextdays article b{font-size:12px;margin:3px 0}.otkp-weather-nextdays article small{font-size:9px;opacity:.7}

.otkp-guide-search{position:relative}.otkp-guide-search input{height:52px!important;padding-left:46px!important;border-radius:14px!important;box-shadow:0 4px 14px rgba(15,23,42,.03)}.otkp-guide-search:before{content:"⌕";position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:24px;color:#54708a;z-index:2}
.otkp-guide-actions button{min-height:92px!important;border-radius:14px!important;padding:14px 16px!important;transition:.18s ease;position:relative;overflow:hidden}.otkp-guide-actions button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(15,23,42,.06);border-color:#9ab8ca}.otkp-guide-actions button strong{font-size:16px}.otkp-guide-actions button small{font-size:13px}
.otkp-guide-nearby>header button{border:1px solid #ccd7df!important;background:#fff!important;border-radius:8px!important;padding:7px 10px!important;color:#165f99!important}.otkp-guide-nearby>header button:before{content:"↻ ";font-weight:700}
.otkp-guide-nearby>div{gap:14px!important}.otkp-guide-nearby article{padding:0!important;overflow:hidden;background:#fff;box-shadow:0 5px 16px rgba(15,23,42,.035);display:block!important}.otkp-guide-card-media{height:150px;background:#eef3f5;overflow:hidden}.otkp-guide-card-media img{width:100%;height:100%;object-fit:cover;display:block}.otkp-guide-card-body{display:grid;gap:5px;padding:13px}.otkp-guide-card-body>span{font-size:10px;text-transform:uppercase;color:#587063;font-weight:700}.otkp-guide-card-body>strong{font-size:17px;line-height:1.25;color:#0b2f53}.otkp-guide-card-body>small{color:#6c7b88}.otkp-guide-card-body>em{font-style:normal;font-size:12px;color:#0b6b4e;font-weight:600}.otkp-guide-card-actions{display:flex;gap:7px;margin-top:6px}.otkp-guide-card-actions button{border:1px solid #d4dde3!important;background:#fff!important;color:#0b4f7d!important;border-radius:7px!important;padding:7px 9px!important;font-size:12px!important;font-weight:700}.otkp-guide-card-actions button:first-child{background:#0b4f7d!important;color:#fff!important;border-color:#0b4f7d!important}
@container (max-width:1000px){.otkp-section-groups{grid-template-columns:repeat(2,minmax(0,1fr))!important}.otkp-today{height:auto}.otkp-weather-nextdays>[data-weather-nextdays]{grid-template-columns:repeat(3,minmax(120px,1fr));overflow-x:auto}}
@container (max-width:620px){.otkp-section-groups{grid-template-columns:1fr!important}.otkp-section-group>button[data-content-tab]{grid-template-columns:52px 1fr!important}.otkp-section-group>button[data-content-tab] img,.otkp-section-group>button[data-content-tab]>.otkp-guide-tab-icon,.otkp-section-group>button[data-content-tab]>.otkp-live-tab-icon{width:46px!important;height:46px!important}.otkp-weather-nextdays>[data-weather-nextdays]{display:flex;overflow-x:auto}.otkp-weather-nextdays article{min-width:135px}.otkp-guide-card-media{height:180px}}
/* 6.3.0 — ustawienia wyglądu sterowane z panelu */
.otkp.otkp-today-match-map .otkp-dashboard{align-items:stretch}
.otkp.otkp-today-match-map .otkp-today,.otkp.otkp-today-match-map .otkp-map-card{height:100%}
.otkp-guide-no-images .otkp-guide-card-media{display:none!important}
.otkp-guide-no-type .otkp-guide-card-body>span:first-child{display:none!important}
.otkp-guide-no-distance .otkp-guide-card-body>em{display:none!important}
.otkp-weather[data-layout="compact"] .otkp-weather-hours article{min-width:46px}
.otkp-weather[data-layout="compact"] .otkp-weather-nextdays article{padding:6px}
.otkp-weather[data-layout="timeline"] [data-weather-nextdays]{grid-template-columns:1fr!important}

/* 6.3.1 — spójne podkategorie oraz wysokość pogody */
.otkp-section-group>[data-section-group-menu]{gap:5px!important;padding:8px!important}
.otkp-section-group>[data-section-group-menu] button{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:62px!important;
  padding:7px 8px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#17324d!important;
  text-align:left!important;
  font-weight:400!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
.otkp-section-group>[data-section-group-menu] button:hover,
.otkp-section-group>[data-section-group-menu] button:focus-visible{
  background:#f3f8fc!important;
  border-color:#d7e5ef!important;
  transform:translateY(-1px);
  outline:none;
}
.otkp-submenu-icon{
  width:44px;height:44px;border-radius:11px;
  display:grid;place-items:center;
  background:#f0f6fa;color:#0b5f94;
  border:1px solid #dce8ef;
  flex:0 0 44px;
}
.otkp-submenu-icon svg{width:25px;height:25px;display:block;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.otkp-submenu-copy{display:block;min-width:0}
.otkp-submenu-copy strong{display:block!important;font-size:14px!important;line-height:1.2!important;color:#17324d!important;font-weight:700!important}
.otkp-submenu-copy small{display:block!important;margin-top:3px!important;font-size:11px!important;line-height:1.3!important;color:#748494!important;font-weight:400!important;white-space:normal!important}
.otkp-submenu-arrow{display:grid;place-items:center;color:#6d879a;font-size:22px;line-height:1}
.otkp-section-group.is-primary .otkp-submenu-icon{background:#fff7e8;color:#d97706;border-color:#f6ddb0}
.otkp-section-group:nth-child(2) .otkp-submenu-icon{background:#eef8f1;color:#23734a;border-color:#d7ebdd}
.otkp-section-group:nth-child(3) .otkp-submenu-icon{background:#fff5ea;color:#a95816;border-color:#f2dfc8}
.otkp-section-group:nth-child(4) .otkp-submenu-icon{background:#eef3ff;color:#234f9c;border-color:#d8e2f6}
.otkp-section-group:nth-child(5) .otkp-submenu-icon{background:#fff9df;color:#9a6a00;border-color:#efe2a8}
.otkp-section-group:nth-child(6) .otkp-submenu-icon{background:#fff0f2;color:#b4233a;border-color:#f2d2d8}

@container (min-width:1250px){
  .otkp-dashboard{align-items:stretch!important}
  .otkp-right-stack{height:100%!important;align-self:stretch!important;grid-template-rows:1fr!important}
  .otkp-weather{height:100%!important;min-height:100%!important;display:flex!important;flex-direction:column!important}
  .otkp-weather-nextdays{margin-top:auto!important;padding-top:12px}
}
@container (max-width:1249px){
  .otkp-weather{height:auto!important;min-height:0!important;display:block!important}
  .otkp-weather-nextdays{margin-top:10px!important;padding-top:0}
}
@container (max-width:620px){
  .otkp-section-group>[data-section-group-menu]{position:relative;top:auto;margin-top:6px;box-shadow:0 8px 22px rgba(15,23,42,.11)}
  .otkp-section-group>[data-section-group-menu] button{grid-template-columns:40px minmax(0,1fr) 16px!important;min-height:58px!important;padding:7px!important}
  .otkp-submenu-icon{width:40px;height:40px;border-radius:10px;flex-basis:40px}
  .otkp-submenu-icon svg{width:23px;height:23px}
  .otkp-submenu-copy strong{font-size:13px!important}
  .otkp-submenu-copy small{font-size:10.5px!important}
}

/* 6.3.2 — profesjonalny system ikon podkategorii */
.otkp-section-group>[data-section-group-menu]{
  gap:6px!important;padding:8px!important;background:#f6f8fa!important;
  border-color:#dbe4ea!important;border-radius:14px!important;
  box-shadow:0 16px 38px rgba(15,35,55,.14)!important;
}
.otkp-section-group>[data-section-group-menu] button{
  grid-template-columns:52px minmax(0,1fr) 18px!important;
  gap:12px!important;min-height:72px!important;padding:8px 11px!important;
  border:1px solid rgba(220,228,235,.88)!important;border-radius:12px!important;
  background:#fff!important;box-shadow:0 2px 8px rgba(15,35,55,.025)!important;
  transform:none!important;
}
.otkp-section-group>[data-section-group-menu] button:hover,
.otkp-section-group>[data-section-group-menu] button:focus-visible{
  background:#fbfdff!important;border-color:#cfdee8!important;
  box-shadow:0 7px 18px rgba(15,35,55,.07)!important;transform:translateY(-1px)!important;
}
.otkp-submenu-icon{
  width:52px!important;height:52px!important;flex:0 0 52px!important;border-radius:13px!important;
  background:linear-gradient(145deg,#fff,var(--otkp-sub-bg,#f3f7fa))!important;
  color:var(--otkp-sub-color,#315f82)!important;
  border:1px solid var(--otkp-sub-border,#d9e5ed)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 3px 8px rgba(15,35,55,.04)!important;
}
.otkp-submenu-icon svg{
  width:29px!important;height:29px!important;stroke:currentColor!important;stroke-width:1.8!important;
  fill:none!important;vector-effect:non-scaling-stroke;
}
.otkp-submenu-copy strong{font-size:14px!important;line-height:1.22!important;letter-spacing:-.01em!important;color:#17324d!important}
.otkp-submenu-copy small{font-size:11px!important;line-height:1.32!important;margin-top:4px!important;color:#6f8294!important}
.otkp-submenu-arrow{font-size:20px!important;color:#7f99ad!important;transition:transform .15s ease,color .15s ease}
.otkp-section-group>[data-section-group-menu] button:hover .otkp-submenu-arrow{transform:translateX(2px);color:var(--otkp-sub-color,#315f82)!important}
/* Spójna paleta grup */
.otkp-section-group:nth-child(1){--otkp-sub-color:#d97706;--otkp-sub-bg:#fff7e8;--otkp-sub-border:#f2d8ad}
.otkp-section-group:nth-child(2){--otkp-sub-color:#1f7a4d;--otkp-sub-bg:#edf8f1;--otkp-sub-border:#cfe7d8}
.otkp-section-group:nth-child(3){--otkp-sub-color:#925c18;--otkp-sub-bg:#fff7ea;--otkp-sub-border:#eedabb}
.otkp-section-group:nth-child(4){--otkp-sub-color:#6d43a4;--otkp-sub-bg:#f5f0fb;--otkp-sub-border:#dfd1ef}
.otkp-section-group:nth-child(5){--otkp-sub-color:#2f6eb5;--otkp-sub-bg:#eef5fd;--otkp-sub-border:#d2e1f2}
.otkp-section-group:nth-child(6){--otkp-sub-color:#b93455;--otkp-sub-bg:#fff0f4;--otkp-sub-border:#efd0da}
.otkp-section-group:nth-child(n/**/+1) .otkp-submenu-icon{background:linear-gradient(145deg,#fff,var(--otkp-sub-bg))!important;color:var(--otkp-sub-color)!important;border-color:var(--otkp-sub-border)!important}
@container (max-width:620px){
  .otkp-section-group>[data-section-group-menu] button{grid-template-columns:46px minmax(0,1fr) 16px!important;min-height:64px!important;gap:10px!important;padding:7px 9px!important}
  .otkp-submenu-icon{width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:12px!important}
  .otkp-submenu-icon svg{width:26px!important;height:26px!important}
  .otkp-submenu-copy strong{font-size:13.5px!important}.otkp-submenu-copy small{font-size:10.5px!important}
}

/* 6.3.3 — autorskie miniatury podkategorii */
.otkp-submenu-icon.otkp-submenu-art{padding:0!important;overflow:hidden;background:#fff!important;border-color:#dce6ee!important;box-shadow:0 2px 7px rgba(15,42,67,.08);}
.otkp-submenu-icon.otkp-submenu-art img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:inherit!important;}

/* 6.3.4 — unified premium illustrations for the six primary navigation groups */
.otkp-section-group>button[data-content-tab] img{
  width:64px!important;height:64px!important;flex:0 0 64px!important;
  object-fit:cover!important;border-radius:15px!important;
  background:#fff!important;border:1px solid rgba(12,50,82,.10)!important;
  box-shadow:0 5px 16px rgba(15,42,68,.09)!important;
}
.otkp-section-group>button[data-content-tab]{
  grid-template-columns:64px minmax(0,1fr)!important;
  column-gap:16px!important;min-height:96px!important;
}
.otkp-section-group>button[data-content-tab]>span:not(.otkp-guide-tab-icon):not(.otkp-live-tab-icon){min-width:0}
@container (max-width:620px){
  .otkp-section-group>button[data-content-tab]{grid-template-columns:52px minmax(0,1fr)!important;column-gap:12px!important;min-height:78px!important}
  .otkp-section-group>button[data-content-tab] img{width:52px!important;height:52px!important;flex-basis:52px!important;border-radius:12px!important}
}

/* 6.3.8 — spójna paleta kategorii + eleganckie podwójne chevrony */
.otkp-section-group{
  grid-template-columns:minmax(0,1fr) 58px!important;
  --otkp-group-color:#c86d05;
  --otkp-group-bg:#fff2e5;
  --otkp-group-border:#f0d3aa;
  --otkp-group-hover:#ffe7ca;
}
/* Każda kategoria ma jeden kolor; rozwinięcia dziedziczą dokładnie tę samą paletę. */
.otkp-section-group:nth-child(1){--otkp-group-color:#e56f0b;--otkp-group-bg:#fff1e5;--otkp-group-border:#f3cda9;--otkp-group-hover:#ffe3c5}
.otkp-section-group:nth-child(2){--otkp-group-color:#17845a;--otkp-group-bg:#eaf8f1;--otkp-group-border:#c8e6d7;--otkp-group-hover:#daf1e5}
.otkp-section-group:nth-child(3){--otkp-group-color:#a46a0b;--otkp-group-bg:#fff5df;--otkp-group-border:#eed7a8;--otkp-group-hover:#ffecc9}
.otkp-section-group:nth-child(4){--otkp-group-color:#7442bd;--otkp-group-bg:#f2edfc;--otkp-group-border:#ddcff2;--otkp-group-hover:#e9dff8}
.otkp-section-group:nth-child(5){--otkp-group-color:#216fbd;--otkp-group-bg:#eaf4ff;--otkp-group-border:#c7def4;--otkp-group-hover:#dcecff}
.otkp-section-group:nth-child(6){--otkp-group-color:#087f86;--otkp-group-bg:#e7f8f7;--otkp-group-border:#bfe5e2;--otkp-group-hover:#d5f1ef}

/* Pole rozwijania kategorii. */
.otkp-section-group-toggle{
  width:58px!important;
  min-width:58px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  overflow:hidden!important;
  background:var(--otkp-group-bg)!important;
  color:transparent!important;
  border-left:1px solid var(--otkp-group-border)!important;
  border-radius:0 14px 14px 0!important;
  font-size:0!important;
  transition:background .16s ease,box-shadow .16s ease!important;
}
.otkp-section-group-toggle::before,
.otkp-section-group-toggle::after{
  content:"";
  position:absolute;
  left:50%;
  width:9px;
  height:9px;
  border-right:2.5px solid var(--otkp-group-color);
  border-bottom:2.5px solid var(--otkp-group-color);
  transform:translate(-50%,-65%) rotate(45deg);
  border-radius:1px;
  transition:transform .18s ease,top .18s ease;
}
.otkp-section-group-toggle::before{top:43%}
.otkp-section-group-toggle::after{top:54%}
.otkp-section-group-toggle:hover,
.otkp-section-group-toggle:focus-visible,
.otkp-section-group:has(> .otkp-section-group-toggle[aria-expanded="true"]) .otkp-section-group-toggle{
  background:var(--otkp-group-hover)!important;
  box-shadow:inset 3px 0 8px rgba(15,42,68,.035)!important;
  outline:none!important;
}
.otkp-section-group:has(> .otkp-section-group-toggle[aria-expanded="true"]) .otkp-section-group-toggle::before,
.otkp-section-group:has(> .otkp-section-group-toggle[aria-expanded="true"]) .otkp-section-group-toggle::after{
  transform:translate(-50%,-25%) rotate(225deg);
}

/* Podkategorie korzystają z dokładnie tej samej palety co kategoria nadrzędna. */
.otkp-section-group>[data-section-group-menu] button{
  grid-template-columns:52px minmax(0,1fr) 58px!important;
  padding:8px 0 8px 11px!important;
  overflow:hidden!important;
}
.otkp-submenu-arrow{
  width:58px!important;
  height:calc(100% + 16px)!important;
  min-height:72px!important;
  margin:-8px 0!important;
  position:relative!important;
  display:block!important;
  align-self:stretch!important;
  justify-self:end!important;
  background:var(--otkp-group-bg)!important;
  border-left:1px solid var(--otkp-group-border)!important;
  color:transparent!important;
  border-radius:0 12px 12px 0!important;
  font-size:0!important;
  line-height:1!important;
  transition:background .16s ease!important;
}
.otkp-submenu-arrow::before,
.otkp-submenu-arrow::after{
  content:"";
  position:absolute;
  top:50%;
  width:9px;
  height:9px;
  border-top:2.5px solid var(--otkp-group-color);
  border-right:2.5px solid var(--otkp-group-color);
  transform:translateY(-50%) rotate(45deg);
  border-radius:1px;
  transition:transform .16s ease;
}
.otkp-submenu-arrow::before{left:19px}
.otkp-submenu-arrow::after{left:27px}
.otkp-section-group>[data-section-group-menu] button:hover .otkp-submenu-arrow,
.otkp-section-group>[data-section-group-menu] button:focus-visible .otkp-submenu-arrow{
  background:var(--otkp-group-hover)!important;
  color:transparent!important;
  transform:none!important;
}
.otkp-section-group>[data-section-group-menu] button:hover .otkp-submenu-arrow::before,
.otkp-section-group>[data-section-group-menu] button:hover .otkp-submenu-arrow::after,
.otkp-section-group>[data-section-group-menu] button:focus-visible .otkp-submenu-arrow::before,
.otkp-section-group>[data-section-group-menu] button:focus-visible .otkp-submenu-arrow::after{
  transform:translate(2px,-50%) rotate(45deg);
}

@container (max-width:620px){
  .otkp-section-group{grid-template-columns:minmax(0,1fr) 52px!important}
  .otkp-section-group-toggle{width:52px!important;min-width:52px!important}
  .otkp-section-group>[data-section-group-menu] button{
    grid-template-columns:46px minmax(0,1fr) 52px!important;
    padding:7px 0 7px 9px!important;
  }
  .otkp-submenu-arrow{
    width:52px!important;
    min-height:64px!important;
    height:calc(100% + 14px)!important;
    margin:-7px 0!important;
  }
  .otkp-submenu-arrow::before{left:16px}
  .otkp-submenu-arrow::after{left:24px}
}

/* 6.3.8 — czytelne kolumny boczne dopasowane do wysokości mapy */
@container (min-width:1250px){
  .otkp-dashboard{
    grid-template-columns:minmax(290px,330px) minmax(560px,1fr) minmax(320px,360px)!important;
    grid-template-areas:"today map side"!important;
    gap:16px!important;
    align-items:stretch!important;
  }
  .otkp-today,.otkp-map-card,.otkp-right-stack{height:100%!important;min-height:0!important;align-self:stretch!important}
  .otkp-right-stack{grid-template-columns:1fr!important;grid-template-rows:1fr!important}
}
@container (min-width:1450px){
  .otkp-dashboard{grid-template-columns:minmax(320px,360px) minmax(680px,1fr) minmax(360px,400px)!important}
}

/* Dzisiaj polecamy — cztery czytelne, równe części dnia */
.otkp-today{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.otkp-today .otkp-dark-head{padding:14px 15px!important;min-height:72px!important}
.otkp-today .otkp-dark-head strong{font-size:20px!important;line-height:1.1!important}
.otkp-today .otkp-dark-head small{font-size:10px!important;margin-top:5px!important}
.otkp-today>[data-today-list]{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:repeat(4,minmax(0,1fr))!important;
  align-content:stretch!important;
  gap:8px!important;
  padding:10px 11px 7px!important;
}
.otkp-today-part{
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
  border-bottom:0!important;
}
.otkp-today-part .otkp-time-label{
  flex:0 0 auto!important;
  margin:0 2px 5px!important;
  align-items:center!important;
  min-height:19px!important;
}
.otkp-today-part .otkp-time-label b{font-size:12.5px!important;line-height:1.15!important}
.otkp-today-part .otkp-time-label small{font-size:9.5px!important;line-height:1!important}
.otkp-today-part>button{
  flex:1 1 auto!important;
  min-height:0!important;
  height:100%!important;
  display:grid!important;
  grid-template-columns:80px minmax(0,1fr)!important;
  grid-template-rows:minmax(72px,1fr) auto!important;
  gap:0 9px!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:10px!important;
  border:1px solid #d6e1e9!important;
  background:#fff!important;
}
.otkp-today-part>button>img{
  grid-column:1!important;
  grid-row:1!important;
  width:80px!important;
  height:100%!important;
  min-height:72px!important;
  max-height:88px!important;
  object-fit:cover!important;
  border-radius:0!important;
}
.otkp-today-copy{
  grid-column:2!important;
  grid-row:1!important;
  padding:8px 7px 5px 0!important;
  align-self:center!important;
  min-width:0!important;
}
.otkp-today-copy strong{font-size:12.5px!important;line-height:1.22!important;margin-bottom:3px!important}
.otkp-today-copy small{font-size:10px!important;line-height:1.2!important}
.otkp-today-copy em{font-size:9.5px!important;line-height:1.18!important;margin-top:4px!important}
.otkp-today-stats{
  grid-column:1/-1!important;
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  padding:7px 4px!important;
  background:#f3f8fb!important;
  border-top:1px solid #dfe9ef!important;
  gap:0!important;
}
.otkp-today-stats>small{
  display:block!important;
  text-align:center!important;
  min-width:0!important;
  padding:0 4px!important;
  border-right:1px solid #d7e3ea!important;
  color:#35536d!important;
}
.otkp-today-stats>small:last-child{border-right:0!important}
.otkp-today-stats b,.otkp-today-stats i{display:block!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.otkp-today-stats b{font-size:10px!important;color:#0b3a62!important;line-height:1.15!important}
.otkp-today-stats i{font-style:normal!important;font-size:8.3px!important;color:#6d7f8f!important;line-height:1.15!important;margin-top:2px!important}
.otkp-today-summary{
  flex:0 0 auto!important;
  margin:2px 11px 0!important;
  min-height:34px!important;
  padding:8px 10px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:8px!important;
  border-radius:8px!important;
  background:#eaf3f8!important;
  color:#486277!important;
}
.otkp-today-summary span{font-size:9px!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-weight:800!important}
.otkp-today-summary strong{font-size:9.5px!important;color:#173a5a!important;text-align:right!important}
.otkp-today>.otkp-today-full-plan{
  flex:0 0 auto!important;
  margin:8px 11px 11px!important;
  min-height:55px!important;
  display:grid!important;
  grid-template-columns:1fr 22px!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  text-align:left!important;
  padding:10px 12px!important;
}
.otkp-today-full-plan>span{font-size:14px!important;font-weight:800!important;line-height:1.12!important}
.otkp-today-full-plan>small{font-size:9px!important;opacity:.82!important;font-weight:500!important;line-height:1.2!important;margin-top:3px!important}
.otkp-today-full-plan>i{grid-column:2!important;grid-row:1/3!important;font-style:normal!important;font-size:25px!important;line-height:1!important;text-align:right!important}

/* Pogoda — większa skala, treść rozłożona na całą wysokość mapy */
.otkp-weather.otkp-weather-dashboard{
  height:100%!important;
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:13px!important;
  overflow:hidden!important;
}
.otkp-weather-dashboard .otkp-weather-header{flex:0 0 auto!important;align-items:flex-start!important;gap:10px!important}
.otkp-weather-dashboard .otkp-weather-header strong{font-size:21px!important;line-height:1.08!important}
.otkp-weather-dashboard .otkp-weather-header small{font-size:11px!important;margin-top:4px!important}
.otkp-weather-condition{display:block!important;font-size:10px!important;opacity:.82!important;margin-top:4px!important;text-transform:capitalize!important}
.otkp-weather-dashboard .otkp-weather-now{align-self:center!important;gap:6px!important}
.otkp-weather-dashboard .otkp-weather-now span{font-size:38px!important;line-height:1!important}
.otkp-weather-dashboard .otkp-weather-now b{font-size:34px!important;line-height:1!important}
.otkp-weather-dashboard .otkp-weather-refresh-small{margin-top:6px!important;padding:5px 10px!important;font-size:10.5px!important}
.otkp-weather-dashboard .otkp-weather-meta{
  flex:0 0 auto!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}
.otkp-weather-dashboard .otkp-weather-meta>span{
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:8px!important;
  padding:7px 5px!important;
  text-align:center!important;
  font-size:11px!important;
}
.otkp-weather-dashboard .otkp-weather-meta b{display:block!important;font-size:10.5px!important;margin-top:2px!important}
.otkp-weather-dashboard .otkp-weather-meta small{display:block!important;font-size:8.2px!important;opacity:.7!important;margin-top:2px!important}
.otkp-weather-details{
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}
.otkp-weather-details>span{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:5px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:rgba(255,255,255,.05)!important;
  border-radius:8px!important;
  padding:6px 8px!important;
}
.otkp-weather-details small{font-size:8.8px!important;opacity:.72!important}
.otkp-weather-details b{font-size:10.5px!important}
.otkp-weather-block{
  margin:0!important;
  padding:8px!important;
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:9px!important;
  min-width:0!important;
}
.otkp-weather-hourly-block{flex:1.08 1 0!important;min-height:112px!important;display:flex!important;flex-direction:column!important}
.otkp-weather-plan-block{flex:.9 1 0!important;min-height:104px!important;display:flex!important;flex-direction:column!important}
.otkp-weather-nextdays{flex:.76 1 0!important;min-height:92px!important}
.otkp-weather-week{flex:.72 1 0!important;min-height:82px!important}
.otkp-weather-block-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:7px!important}
.otkp-weather-block-head strong{font-size:11.5px!important;line-height:1.1!important}
.otkp-weather-block-head small{font-size:8.2px!important;opacity:.7!important;white-space:nowrap!important}
.otkp-weather-dashboard .otkp-weather-hours{
  flex:1!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:3px!important;
  padding:0!important;
  background:none!important;
  overflow:visible!important;
}
.otkp-weather-dashboard .otkp-weather-hours article{
  min-width:0!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.13)!important;
  padding:4px 2px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.otkp-weather-dashboard .otkp-weather-hours article:last-child{border-right:0!important}
.otkp-weather-dashboard .otkp-weather-hours span{font-size:10px!important;opacity:.82!important}
.otkp-weather-dashboard .otkp-weather-hours b{font-size:22px!important;line-height:1!important;margin:4px 0!important}
.otkp-weather-dashboard .otkp-weather-hours strong{display:block!important;font-size:11px!important}
.otkp-weather-dashboard .otkp-weather-hours small{font-size:8px!important;opacity:.68!important;white-space:nowrap!important;margin-top:2px!important}
.otkp-weather-plan-hints{
  flex:1!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:5px!important;
}
.otkp-weather-plan-hints>span{
  display:grid!important;
  grid-template-columns:24px 1fr!important;
  grid-template-rows:auto auto!important;
  column-gap:6px!important;
  align-content:center!important;
  padding:7px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.055)!important;
}
.otkp-weather-plan-hints i{grid-row:1/3!important;font-style:normal!important;font-size:19px!important;align-self:center!important}
.otkp-weather-plan-hints b{font-size:9.8px!important;line-height:1.12!important}
.otkp-weather-plan-hints small{font-size:8px!important;opacity:.74!important;line-height:1.18!important;margin-top:2px!important}
.otkp-weather-plan-hints .is-good{box-shadow:inset 3px 0 #59bd86!important}
.otkp-weather-plan-hints .is-warn{box-shadow:inset 3px 0 #f0b84b!important}
.otkp-weather-dashboard .otkp-weather-nextdays{margin:0!important;padding:8px!important}
.otkp-weather-dashboard .otkp-weather-nextdays>[data-weather-nextdays]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
.otkp-weather-dashboard .otkp-weather-nextdays article{padding:7px!important;border-radius:8px!important;background:rgba(255,255,255,.075)!important}
.otkp-weather-dashboard .otkp-weather-nextdays article span{font-size:8.5px!important}
.otkp-weather-dashboard .otkp-weather-nextdays article b{font-size:10.5px!important;line-height:1.2!important;margin:3px 0!important}
.otkp-weather-dashboard .otkp-weather-nextdays article small{font-size:7.7px!important;line-height:1.15!important}
.otkp-weather-week [data-weather-week]{display:flex!important;gap:5px!important;overflow-x:auto!important;scrollbar-width:thin!important;padding-bottom:3px!important}
.otkp-weather-week [data-weather-week] article{
  flex:0 0 60px!important;
  min-width:60px!important;
  text-align:center!important;
  background:rgba(255,255,255,.065)!important;
  border-radius:8px!important;
  padding:6px 3px!important;
}
.otkp-weather-week article span,.otkp-weather-week article b,.otkp-weather-week article strong,.otkp-weather-week article small{display:block!important}
.otkp-weather-week article span{font-size:8px!important;text-transform:capitalize!important;opacity:.76!important}
.otkp-weather-week article b{font-size:16px!important;line-height:1.1!important;margin:3px 0!important}
.otkp-weather-week article strong{font-size:9.5px!important}
.otkp-weather-week article small{font-size:7.4px!important;opacity:.68!important;white-space:nowrap!important;margin-top:2px!important}
.otkp-weather-dashboard .otkp-weather-alert{
  flex:0 0 auto!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  padding:8px 9px!important;
  background:#a52d31!important;
  border-radius:8px!important;
  font-size:8.8px!important;
  line-height:1.2!important;
}
.otkp-weather-dashboard .otkp-weather-alert[hidden]{display:none!important}
.otkp-weather-alert button{border:1px solid rgba(255,255,255,.25)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;border-radius:6px!important;padding:6px 8px!important;font-size:8.5px!important;font-weight:800!important;white-space:nowrap!important;cursor:pointer!important}
.otkp-weather-alert button:hover{background:rgba(255,255,255,.2)!important}

/* Średni desktop — nie miniaturyzujemy tekstu, tylko zmieniamy układ */
@container (max-width:1249px){
  .otkp-today{height:auto!important}
  .otkp-today>[data-today-list]{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important}
  .otkp-today-part>button{min-height:118px!important}
  .otkp-weather.otkp-weather-dashboard{height:auto!important;min-height:0!important;display:flex!important}
  .otkp-weather-hourly-block,.otkp-weather-plan-block,.otkp-weather-nextdays,.otkp-weather-week{flex:0 0 auto!important;min-height:0!important}
}
@container (max-width:1000px){
  .otkp-today>[data-today-list]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .otkp-weather-dashboard .otkp-weather-hours{grid-template-columns:repeat(4,minmax(72px,1fr))!important;overflow-x:auto!important}
}
@container (max-width:720px){
  .otkp-today .otkp-dark-head strong{font-size:19px!important}
  .otkp-today>[data-today-list]{grid-template-columns:1fr!important}
  .otkp-today-part>button{grid-template-columns:88px minmax(0,1fr)!important;min-height:132px!important}
  .otkp-today-part>button>img{width:88px!important;min-height:82px!important;max-height:94px!important}
  .otkp-today-copy strong{font-size:13px!important}.otkp-today-copy small{font-size:10.5px!important}.otkp-today-copy em{font-size:10px!important}
  .otkp-today-stats b{font-size:10.5px!important}.otkp-today-stats i{font-size:8.5px!important}
  .otkp-weather.otkp-weather-dashboard{padding:12px!important;gap:9px!important}
  .otkp-weather-dashboard .otkp-weather-header strong{font-size:22px!important}
  .otkp-weather-dashboard .otkp-weather-now b{font-size:36px!important}
  .otkp-weather-dashboard .otkp-weather-hours{grid-template-columns:repeat(4,minmax(70px,1fr))!important;overflow-x:auto!important}
  .otkp-weather-plan-hints{grid-template-columns:1fr 1fr!important}
  .otkp-weather-dashboard .otkp-weather-nextdays>[data-weather-nextdays]{display:flex!important;overflow-x:auto!important}
  .otkp-weather-dashboard .otkp-weather-nextdays article{min-width:125px!important}
}
@container (max-width:430px){
  .otkp-weather-plan-hints{grid-template-columns:1fr!important;grid-template-rows:auto!important}
  .otkp-weather-details{grid-template-columns:1fr!important}
}

/* ============================================================
   OdpocznijTu 6.3.12 — finalna nawigacja + ikony osi czasu
   ============================================================ */
.otkp .otkp-mode-nav{
  width:100%;
  max-width:none;
  margin:8px 0 16px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:clamp(5px,.65vw,12px);
  overflow:visible;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:linear-gradient(135deg,#062b50 0%,#073760 58%,#062b50 100%);
  box-shadow:0 10px 28px rgba(6,39,74,.16);
}
.otkp .otkp-mode-nav>button{
  flex:1 1 auto;
  min-width:0;
  min-height:48px;
  padding:9px clamp(9px,1vw,17px);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid transparent;
  border-radius:14px;
  background:transparent;
  color:#f7fbff;
  font-size:clamp(12px,.9vw,14px);
  font-weight:800;
  line-height:1.1;
  white-space:nowrap;
  box-shadow:none;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease,color .18s ease;
}
.otkp .otkp-mode-nav>button:hover,
.otkp .otkp-mode-nav>button:focus-visible{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.22);
  transform:translateY(-1px);
}
.otkp .otkp-mode-nav>button.is-active:not(.otkp-plan-hero-button){
  background:rgba(255,255,255,.07);
  color:#fff;
  border-color:rgba(255,255,255,.32);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}
.otkp .otkp-nav-icon{
  width:20px;
  height:20px;
  flex:0 0 20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.otkp .otkp-mode-nav>.otkp-plan-hero-button{
  flex:1.28 1 150px!important;
  min-width:145px!important;
  min-height:58px!important;
  width:auto!important;
  height:auto!important;
  padding:10px clamp(18px,1.3vw,25px)!important;
  gap:10px!important;
  overflow:hidden;
  border:1px solid #ff9f2d!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#ff9700 0%,#ff7a00 100%)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(255,126,0,.32)!important;
  transform:none;
}
.otkp .otkp-mode-nav>.otkp-plan-hero-button strong{
  font-size:clamp(18px,1.35vw,22px)!important;
  font-weight:900!important;
  letter-spacing:.01em;
}
.otkp .otkp-mode-nav>.otkp-plan-hero-button .otkp-nav-icon{
  width:23px;
  height:23px;
  flex-basis:23px;
  stroke-width:2;
}
.otkp .otkp-mode-nav>.otkp-plan-hero-button:hover,
.otkp .otkp-mode-nav>.otkp-plan-hero-button:focus-visible{
  background:linear-gradient(135deg,#ffa118 0%,#ff8208 100%)!important;
  box-shadow:0 10px 24px rgba(255,126,0,.4)!important;
  transform:translateY(-1px);
}
.otkp .otkp-mode-nav>.otkp-plan-hero-button.is-active:after{display:none!important}
.otkp .otkp-mode-nav>.otkp-field-hero-button{
  flex:1.25 1 175px!important;
  min-width:165px!important;
  min-height:58px!important;
  padding:10px clamp(15px,1.15vw,22px)!important;
  gap:10px!important;
  border:1px solid #74d29a!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#168957 0%,#0d6f48 100%)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(13,111,72,.28)!important;
}
.otkp .otkp-mode-nav>.otkp-field-hero-button strong{
  font-size:clamp(15px,1.05vw,18px)!important;
  font-weight:900!important;
  letter-spacing:.035em;
}
.otkp .otkp-mode-nav>.otkp-field-hero-button .otkp-nav-icon{
  width:23px;
  height:23px;
  flex-basis:23px;
  stroke-width:2;
}
.otkp .otkp-mode-nav>.otkp-field-hero-button:hover,
.otkp .otkp-mode-nav>.otkp-field-hero-button:focus-visible{
  background:linear-gradient(135deg,#1a9761 0%,#0f7950 100%)!important;
  border-color:#a7e8c0!important;
  box-shadow:0 10px 25px rgba(13,111,72,.38)!important;
  transform:translateY(-1px);
}
.otkp .otkp-mode-nav>.otkp-field-hero-button.is-active{
  border-color:#d5ffe4!important;
  box-shadow:0 0 0 2px rgba(213,255,228,.28),0 10px 25px rgba(13,111,72,.38)!important;
}
.otkp .otkp-live-shortcut{
  flex:1.15 1 150px!important;
  min-width:145px;
  color:#ff5b69!important;
  background:rgba(113,7,27,.14)!important;
  border:1px solid rgba(255,74,97,.65)!important;
}
.otkp .otkp-live-shortcut:hover,
.otkp .otkp-live-shortcut:focus-visible{background:rgba(160,16,40,.25)!important}
.otkp .otkp-advanced-control{
  flex:1.35 1 245px!important;
  min-width:215px;
  margin-left:0!important;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px!important;
  background:transparent!important;
}
.otkp .otkp-view-toggle{
  min-width:0!important;
  width:100%!important;
  max-width:265px!important;
  min-height:48px!important;
  margin:0!important;
  padding:6px 10px!important;
  border-color:rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.otkp .otkp-view-toggle strong{font-size:12px!important;color:#fff!important}
.otkp .otkp-view-toggle small{font-size:9px!important;color:#b9cbdb!important}
.otkp .otkp-toggle-ui{background:#7d95aa}
.otkp .otkp-help-button{
  flex:0 0 36px;
  width:36px!important;
  height:36px!important;
  border-color:rgba(255,255,255,.28)!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.otkp .otkp-help-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}

/* Oś czasu: lokalne mini-ilustracje zamiast emoji. */
.otkp .otkp-day-timeline:before{left:83px}
.otkp .otkp-timeline-stop,
.otkp .otkp-timeline-base,
.otkp .otkp-timeline-transfer{grid-template-columns:62px 42px minmax(0,1fr);gap:10px}
.otkp .otkp-timeline-node{
  width:42px;
  height:42px;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  box-shadow:0 0 0 4px #fff;
  overflow:visible;
}
.otkp .otkp-timeline-node-icon{
  display:block;
  width:42px;
  height:42px;
  object-fit:contain;
  border-radius:50%;
}
.otkp .otkp-transfer-destination-icon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:inline-grid;
  place-items:center;
}
.otkp .otkp-transfer-destination-icon .otkp-timeline-node-icon{width:28px;height:28px}

@container (max-width:1180px) and (min-width:721px){
  .otkp .otkp-mode-nav{gap:4px;padding:8px}
  .otkp .otkp-mode-nav>button{padding:8px 8px;font-size:11px;gap:5px}
  .otkp .otkp-nav-icon{width:17px;height:17px;flex-basis:17px}
  .otkp .otkp-mode-nav>.otkp-plan-hero-button{min-width:125px!important;min-height:54px!important;padding:8px 14px!important}
  .otkp .otkp-mode-nav>.otkp-plan-hero-button strong{font-size:17px!important}
  .otkp .otkp-mode-nav>.otkp-field-hero-button{min-width:142px!important;min-height:54px!important;padding:8px 12px!important}
  .otkp .otkp-mode-nav>.otkp-field-hero-button strong{font-size:13px!important}
  .otkp .otkp-mode-nav>.otkp-field-hero-button .otkp-nav-icon{width:19px;height:19px;flex-basis:19px}
  .otkp .otkp-mode-nav>.otkp-live-shortcut{min-width:126px!important}
  .otkp .otkp-advanced-control{min-width:190px!important;flex-basis:205px!important}
  .otkp .otkp-view-toggle{max-width:205px!important;padding:5px 7px!important}
  .otkp .otkp-view-toggle small{display:none!important}
}

@container (max-width:720px){
  .otkp .otkp-mode-nav{
    margin:0;
    border:0;
    border-radius:0;
    background:#fff;
    box-shadow:0 -8px 24px rgba(6,39,74,.12);
  }
  .otkp .otkp-mode-nav>button{
    color:#456178;
    border-color:transparent;
    background:transparent;
    font-size:10px;
  }
  .otkp .otkp-mode-nav>button.is-active:not(.otkp-plan-hero-button){background:#eef5fb;color:#082d54;border-color:#d9e6f0}
  .otkp .otkp-mode-nav>.otkp-plan-hero-button{
    min-width:0!important;
    min-height:54px!important;
    padding:5px 4px!important;
    border-radius:11px!important;
    flex-direction:column!important;
  }
  .otkp .otkp-mode-nav>.otkp-plan-hero-button strong{font-size:12px!important}
  .otkp .otkp-mode-nav>.otkp-plan-hero-button .otkp-nav-icon{width:19px;height:19px;flex-basis:19px}
  .otkp .otkp-mode-nav>.otkp-field-hero-button{min-width:0!important;min-height:54px!important;padding:5px 4px!important;border-radius:11px!important;flex-direction:column!important}
  .otkp .otkp-mode-nav>.otkp-field-hero-button strong{font-size:9.5px!important;line-height:1.05!important}
  .otkp .otkp-mode-nav>.otkp-field-hero-button .otkp-nav-icon{width:19px;height:19px;flex-basis:19px}
  .otkp .otkp-day-timeline:before{left:19px!important}
  .otkp .otkp-day-timeline>.otkp-timeline-stop,
  .otkp .otkp-day-timeline>.otkp-timeline-base,
  .otkp .otkp-day-timeline>.otkp-timeline-transfer{grid-template-columns:38px minmax(0,1fr)!important}
  .otkp .otkp-timeline-node{width:36px!important;height:36px!important;margin-left:1px!important;box-shadow:0 0 0 3px #fff}
  .otkp .otkp-timeline-node-icon{width:36px;height:36px}
}

/* 6.3.12 — odporne ikony osi czasu. Kółko nigdy nie zostaje puste nawet przy chwilowym błędzie assetu. */
.otkp .otkp-timeline-node,
.otkp .otkp-transfer-destination-icon{
  background-color:#f1f8f3;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 17h14M7 17v-5l5-4 5 4v5M10 17v-3h4v3' fill='none' stroke='%231d5b43' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:54% 54%;
}
.otkp .otkp-timeline-node-icon{
  position:relative;
  z-index:1;
  background:#f6fbf7;
}


/* ==========================================================
   OdpocznijTu 6.4.0 — kompleksowa modernizacja kreatora
   ========================================================== */
.otkp-wizard-section .otkp-step{overflow:visible}
.otkp-date-range{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px;max-width:720px;margin:10px 0 18px}
.otkp-date-range label,.otkp-radius-custom{display:grid;gap:7px;color:#17324f;font-weight:700}
.otkp-date-range input,.otkp-radius-custom input{width:100%;min-height:48px;border:1px solid #cbdbea;border-radius:12px;padding:0 14px;background:#fff;color:#102e4f;font:inherit}
.otkp-quick-days{display:grid;gap:8px;margin-bottom:16px}.otkp-quick-days>span{font-weight:700;color:#17324f}
.otkp-radius-layout{display:grid;grid-template-columns:minmax(0,4fr) minmax(210px,1.5fr) minmax(150px,1fr);gap:14px;align-items:stretch}
.otkp-radius-presets{grid-template-columns:repeat(4,minmax(100px,1fr))!important}.otkp-radius-custom{border:1px solid #d4e1ec;border-radius:14px;padding:14px;background:#fff}
.otkp-input-with-unit{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid #cbdbea;border-radius:11px;overflow:hidden}.otkp-input-with-unit input{border:0!important;border-radius:0!important;min-width:0}.otkp-input-with-unit b{padding:0 14px;color:#61758a;font-weight:600}
.otkp-radius-unlimited{position:relative;display:block}.otkp-radius-unlimited>input{position:absolute;opacity:0}.otkp-radius-unlimited>span{height:100%;min-height:100px;border:1px solid #cbdbea;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#fff;color:#153555;cursor:pointer}.otkp-radius-unlimited b{font-size:42px;line-height:.8;color:#16874a}.otkp-radius-unlimited small{color:#718398}.otkp-radius-unlimited input:checked+span{border-color:#1476c8;background:#eef6ff;box-shadow:0 0 0 1px #1476c8 inset}
.otkp-choice-grid-visual{grid-template-columns:repeat(5,minmax(130px,1fr))!important}.otkp-choice-grid-visual label>span{min-height:112px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.otkp-choice-grid-visual strong{font-size:15px;color:#12304f}.otkp-choice-icon-img{width:40px;height:40px;object-fit:contain;border-radius:10px}
.otkp-interest-expanded details>summary>span{display:flex;align-items:center;gap:9px}.otkp-interest-expanded details>summary img{width:28px;height:28px;object-fit:contain;border-radius:7px}.otkp-interest-expanded details>div{grid-template-columns:repeat(5,minmax(135px,1fr))!important;gap:9px!important}.otkp-interest-expanded details label{padding:0!important;background:transparent!important}.otkp-interest-choice{display:flex;align-items:center;gap:9px;min-height:58px;padding:8px 10px;border:1px solid #dbe5ee;border-radius:11px;background:#f9fbfd}.otkp-interest-choice img{width:31px;height:31px;object-fit:contain;border-radius:8px;flex:none}.otkp-interest-choice>span{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.otkp-interest-choice strong{font-size:13px;color:#183652}.otkp-interest-expanded input:checked+.otkp-interest-choice{border-color:#1882d2;background:#eef7ff;box-shadow:0 0 0 1px #1882d2 inset}.otkp-age-warning-wide{grid-column:1/-1!important;margin:7px 0 0!important}
.otkp-attraction-count-visual label>span{min-height:150px!important;display:flex!important;flex-direction:column!important;justify-content:center;align-items:center;gap:6px!important}.otkp-attraction-count-visual img{width:38px;height:38px}.otkp-attraction-count-visual strong{font-size:24px;color:#102e4f}.otkp-attraction-count-visual label:first-child strong{font-size:15px}.otkp-attraction-count-visual small{display:block;max-width:145px;text-align:center}
.otkp-attraction-custom-row{display:grid;grid-template-columns:minmax(260px,1fr) minmax(360px,1.4fr);gap:18px;align-items:end;margin:18px 0}.otkp-attraction-custom-row .otkp-manual-number{margin:0}.otkp-per-day-toggle{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;border:1px solid #d7e3ed;border-radius:12px;background:#fbfdff}.otkp-per-day-toggle span{display:grid;gap:3px}.otkp-per-day-toggle small{color:#718398;font-size:12px}
.otkp-needs-grid-expanded{grid-template-columns:repeat(4,minmax(180px,1fr))!important;gap:9px!important}.otkp-needs-grid-expanded label{padding:0!important;background:transparent!important;border:0!important}.otkp-needs-grid-expanded label>span{display:flex;align-items:center;gap:10px;min-height:64px;border:1px solid #d9e4ed;border-radius:11px;padding:9px 11px;background:#fff}.otkp-needs-grid-expanded label img{width:31px;height:31px;object-fit:contain;border-radius:8px;flex:none}.otkp-needs-grid-expanded label span span{display:grid;gap:2px}.otkp-needs-grid-expanded strong{font-size:13px;color:#153555}.otkp-needs-grid-expanded small{font-size:11px;color:#72859a}.otkp-needs-grid-expanded input:checked+span{border-color:#1682ce;background:#eef7ff;box-shadow:0 0 0 1px #1682ce inset}
.otkp-wizard-summary-graphic{display:grid;gap:18px}.otkp-summary-cards{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));border:1px solid #d8e4ed;border-radius:16px;overflow:hidden;background:#fff}.otkp-summary-cards article{display:flex;gap:12px;align-items:center;padding:18px;border-right:1px solid #e1e8ee;border-bottom:1px solid #e1e8ee;min-height:112px}.otkp-summary-cards article:nth-child(4n){border-right:0}.otkp-summary-cards article:nth-last-child(-n/**/+4){border-bottom:0}.otkp-summary-cards img{width:48px;height:48px;object-fit:contain;border-radius:13px;background:#f1f7fb}.otkp-summary-cards article>span{display:grid;gap:3px;min-width:0}.otkp-summary-cards small{color:#5f758b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.otkp-summary-cards strong{color:#102e4f;font-size:15px;line-height:1.25}.otkp-summary-cards em{font-style:normal;color:#1477bd;font-size:11px}
.otkp-summary-details{display:grid;grid-template-columns:1fr 1fr;gap:16px}.otkp-summary-details section{border:1px solid #d8e4ed;border-radius:15px;padding:16px;background:#fff}.otkp-summary-details h3{margin:0 0 12px;color:#102e4f}.otkp-summary-chips,.otkp-summary-needs{display:flex;flex-wrap:wrap;gap:7px}.otkp-summary-chips span,.otkp-summary-needs span{border:1px solid #dce6ee;border-radius:999px;padding:7px 10px;background:#f8fbfd;color:#365169;font-size:12px}.otkp-summary-needs span{color:#176a3b;background:#f0faf4;border-color:#cbe9d6}.otkp-summary-ready{display:flex;gap:13px;align-items:center;padding:16px 18px;border:1px solid #bfe4ce;border-radius:14px;background:#effaf3}.otkp-summary-ready>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#2e9b52;color:#fff;font-size:22px;font-weight:900}.otkp-summary-ready div{display:grid;gap:3px}.otkp-summary-ready strong{color:#145c32;font-size:15px}.otkp-summary-ready small{color:#4f7560}
@media(max-width:1100px){.otkp-radius-layout{grid-template-columns:1fr 1fr}.otkp-radius-presets{grid-column:1/-1}.otkp-choice-grid-visual{grid-template-columns:repeat(3,minmax(130px,1fr))!important}.otkp-interest-expanded details>div{grid-template-columns:repeat(3,minmax(140px,1fr))!important}.otkp-needs-grid-expanded{grid-template-columns:repeat(3,minmax(160px,1fr))!important}.otkp-summary-cards{grid-template-columns:repeat(2,1fr)}.otkp-summary-cards article:nth-child(2n){border-right:0}.otkp-summary-cards article:nth-last-child(-n/**/+4){border-bottom:1px solid #e1e8ee}.otkp-summary-cards article:nth-last-child(-n/**/+2){border-bottom:0}}



.otkp-wizard-actions [data-generate]{background:#258d42!important;border-color:#258d42!important;color:#fff!important;font-weight:800;min-width:220px}.otkp-wizard-actions [data-generate]:hover{background:#1f7838!important}

/* === Tryb terenowy 6.4.0 === */
.otkp-field-v2{gap:14px}.otkp-field-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.otkp-field-head>button{white-space:nowrap}.otkp-field-gps-consent{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 16px;border:1px solid #cfe2d2;background:#f4faf5;border-radius:16px}.otkp-field-gps-consent>div:first-child{display:grid;gap:3px}.otkp-field-gps-consent>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.otkp-field-gps-consent.is-granted{display:none}.otkp-field-toolbar{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.otkp-field-modes{display:flex;gap:6px;padding:4px;background:#eef4f0;border-radius:12px}.otkp-field-modes button,.otkp-field-chips button{border:1px solid transparent;background:transparent;border-radius:9px;padding:9px 12px}.otkp-field-modes button.is-active,.otkp-field-chips button.is-active{background:#0b4774;color:#fff;border-color:#0b4774;font-weight:700}.otkp-field-route-select{display:grid;gap:4px;min-width:240px;flex:1}.otkp-field-route-select select{min-height:42px;border:1px solid #d3dee7;border-radius:10px;background:#fff;padding:0 10px}.otkp-field-map-shell{position:relative;border:1px solid #cddde7;border-radius:18px;overflow:hidden;background:#eef4f6}.otkp-field-map{height:min(64vh,650px);min-height:460px;width:100%}.otkp-field-map-actions{position:absolute;z-index:500;left:12px;top:12px;display:grid;gap:7px}.otkp-field-map-actions button{background:#fff;border:1px solid #cbd9e2;border-radius:10px;padding:9px 11px;box-shadow:0 3px 12px #0b2f4d22;font-weight:700}.otkp-field-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.otkp-field-panels{display:grid;grid-template-columns:.9fr 1.15fr 1fr;gap:12px}.otkp-field-panels>section{border:1px solid #dbe4ea;border-radius:15px;background:#fff;padding:14px;min-width:0}.otkp-field-panels h3{margin:0 0 10px;font-size:16px;color:#0a3154}.otkp-field-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.otkp-field-chips button{background:#f5f8fa;border-color:#dbe4e9;padding:7px 9px;font-size:12px}.otkp-field-trail-toggles{display:grid;gap:7px}.otkp-field-trail-toggles label{display:flex;gap:8px;align-items:center;padding:7px 8px;border-radius:9px;background:#f7faf8}.otkp-field-nearby-card{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;border-bottom:1px solid #edf1f3;padding:6px 0}.otkp-field-nearby-card>button:first-child{border:0;background:transparent;text-align:left;display:grid;grid-template-columns:75px 1fr;gap:2px 8px;padding:5px;min-width:0}.otkp-field-nearby-card>button:first-child span{font-size:9px;text-transform:uppercase;color:#74838d;grid-row:1/3}.otkp-field-nearby-card>button:first-child strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.otkp-field-nearby-card>button:first-child small{font-size:10px;color:#667681}.otkp-field-add{border:1px solid #bad5c1!important;background:#eef8f0!important;color:#15552c;border-radius:9px!important;padding:7px 8px!important;font-size:11px!important}.otkp-field-trip{display:grid;gap:6px}.otkp-field-trip-row{display:grid;grid-template-columns:26px 1fr 28px 28px 28px;gap:5px;align-items:center;padding:7px;border:1px solid #e2e9ed;border-radius:10px}.otkp-field-trip-row>span{width:24px;height:24px;border-radius:50%;background:#0b4774;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}.otkp-field-trip-row strong{font-size:12px}.otkp-field-trip-row button{width:28px;height:28px;padding:0;border:1px solid #d6e0e6;border-radius:7px;background:#fff}.otkp-field-trip-actions{display:flex;gap:7px;margin-top:10px}.otkp-field-safety{display:grid;gap:10px}.otkp-field-safety small{line-height:1.45;color:#677984}.otkp-field-home-pin,.otkp-field-poi-pin,.otkp-field-trip-pin,.otkp-field-user-pin{display:grid;place-items:center;border-radius:50%;box-shadow:0 3px 10px #0c29402c}.otkp-field-home-pin{width:42px;height:42px;background:#125b3b;color:#fff;border:3px solid #fff;font-size:20px}.otkp-field-poi-pin{width:34px;height:34px;background:#fff;border:2px solid #a9cfb0;font-size:15px}.otkp-field-trip-pin{width:30px;height:30px;background:#ff8a00;color:#fff;border:2px solid #fff;font-weight:800}.otkp-field-user-pin{position:relative;width:38px;height:38px;background:#0d72c7;color:#fff;border:4px solid #fff;font-size:14px}.otkp-field-user-arrow{position:absolute;left:11px;top:-17px;color:#0d72c7;font-size:18px;transform-origin:8px 35px}


/* === 6.4.1 MOBILE CORE — jeden system responsywny === */
.otkp{--otkp-safe-top:env(safe-area-inset-top,0px);--otkp-safe-right:env(safe-area-inset-right,0px);--otkp-safe-bottom:env(safe-area-inset-bottom,0px);--otkp-safe-left:env(safe-area-inset-left,0px);--otkp-mobile-nav-h:74px;--otkp-touch:46px}
.otkp *, .otkp *::before,.otkp *::after{box-sizing:border-box}.otkp img,.otkp svg{max-width:100%}.otkp input,.otkp select,.otkp textarea,.otkp button{max-width:100%}
.otkp-wizard-section form{container-type:inline-size}.otkp-wizard-layout{min-width:0}.otkp-wizard-main{min-width:0}
.otkp-modal>div,.otkp-detail-dialog{max-height:calc(100dvh - 32px)}
.otkp-field-fs-controls,.otkp-field-fs-menu{display:none}

@container (max-width:1023px){
 .otkp-wizard-section form{grid-template-columns:1fr;gap:12px}.otkp-progress-head,.otkp-progress-track,.otkp-stepper,.otkp-mobile-step-nav,.otkp-step,.otkp-wizard-actions,.otkp-generate-status,.otkp-wizard-live-summary{grid-column:1}.otkp-wizard-live-summary{grid-row:auto;position:static;margin-top:12px}.otkp-stepper{display:flex!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}.otkp-stepper button{min-width:132px!important;scroll-snap-align:start}.otkp-needs-grid,.otkp-needs-grid-expanded{grid-template-columns:repeat(2,minmax(0,1fr))!important}.otkp-detail-grid{grid-template-columns:1fr 1fr!important}
}
@container (max-width:767px){
 .otkp-wizard-section{padding:14px!important}.otkp-wizard-section>header{margin-bottom:10px}.otkp-wizard-section>header h2{font-size:clamp(24px,7vw,30px)!important}.otkp-wizard-section>header p{font-size:14px;line-height:1.5}.otkp-progress-head{font-size:13px}.otkp-stepper{display:none!important}.otkp-mobile-step-nav{display:flex}.otkp-mobile-step-nav button{width:var(--otkp-touch);height:var(--otkp-touch)}.otkp-step{padding:16px!important;border-radius:14px!important}.otkp-step legend{font-size:23px!important;line-height:1.2!important}.otkp-step-intro{font-size:14px;line-height:1.5;margin-bottom:14px}.otkp-date-range,.otkp-date-days,.otkp-radius-layout,.otkp-attraction-custom-row,.otkp-summary-details{grid-template-columns:1fr!important}.otkp-date-range{gap:10px}.otkp-date-range input,.otkp-radius-custom input,.otkp-date-days input[type=date],.otkp-manual-number input,.otkp-per-day-grid input{min-height:var(--otkp-touch);font-size:16px}.otkp-days-grid,.otkp-radius-presets{grid-template-columns:repeat(2,minmax(0,1fr))!important}.otkp-days-grid label span{min-height:var(--otkp-touch)!important;font-size:15px!important}.otkp-choice-grid-visual{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.otkp-choice-grid-visual label>span{min-height:78px!important;padding:10px!important}.otkp-choice-grid-visual strong{font-size:13px!important}.otkp-choice-grid-visual small{font-size:10.5px!important}.otkp-interest-expanded details{border-radius:12px}.otkp-interest-expanded summary{min-height:var(--otkp-touch);font-size:14px}.otkp-interest-expanded details:not([open])>div{display:none!important}.otkp-interest-expanded details>div{grid-template-columns:1fr!important;gap:7px!important}.otkp-needs-grid-expanded{grid-template-columns:1fr!important;gap:8px!important}.otkp-needs-grid-expanded label>span{min-height:60px!important}.otkp-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px;border:0;background:transparent}.otkp-summary-cards article{min-height:92px!important;padding:12px!important;border:1px solid #e1e8ee!important;border-radius:12px}.otkp-summary-cards img{width:36px;height:36px}.otkp-summary-cards small{font-size:9.5px}.otkp-summary-cards strong{font-size:12.5px}.otkp-summary-details{gap:10px}.otkp-summary-details section{padding:12px}.otkp-summary-chips,.otkp-summary-needs{max-height:150px;overflow:auto}.otkp-wizard-live-summary{display:none}.otkp-wizard-actions{position:sticky;bottom:calc(var(--otkp-mobile-nav-h) + var(--otkp-safe-bottom));z-index:120;margin:14px -8px -8px;padding:9px 8px calc(9px + var(--otkp-safe-bottom));background:rgba(255,255,255,.97);box-shadow:0 -8px 20px rgba(8,45,82,.09);backdrop-filter:blur(10px)}.otkp-wizard-actions button{min-height:var(--otkp-touch);font-size:14px;flex:1}.otkp-modal{padding:8px!important}.otkp-modal>div,.otkp-detail-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px - var(--otkp-safe-top) - var(--otkp-safe-bottom));padding:16px!important}.otkp-detail-hero{grid-template-columns:1fr!important;gap:12px!important;padding-right:0}.otkp-detail-grid{grid-template-columns:1fr!important}.otkp-modal footer{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}.otkp-modal footer button,.otkp-modal footer a{min-height:var(--otkp-touch)!important}
}
@container (max-width:419px){
 .otkp-wizard-section{padding:10px!important}.otkp-choice-grid-visual{grid-template-columns:1fr!important}.otkp-choice-grid-visual label>span{min-height:64px!important;grid-template-columns:42px 1fr!important;text-align:left!important}.otkp-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.otkp-summary-cards article{display:grid;grid-template-columns:32px 1fr;gap:8px}.otkp-summary-cards img{width:32px;height:32px}.otkp-modal footer{grid-template-columns:1fr!important}
}

/* === 6.4.1 TRYB TERENOWY / MOBILE MAP MODE === */
.otkp-field-v2{--field-control:48px}.otkp-field-map-actions button,.otkp-field-toolbar button,.otkp-field-trip-actions button,.otkp-field-add{min-height:44px;font-size:13px!important}.otkp-field-nearby-card>button:first-child strong{font-size:14px}.otkp-field-nearby-card>button:first-child small{font-size:11.5px}.otkp-field-nearby-card>button:first-child span{font-size:10px}.otkp-field-trip-row{grid-template-columns:30px minmax(0,1fr) 34px 34px 34px}.otkp-field-trip-row button{width:34px;height:34px}.otkp-field-trip-row strong{font-size:13px}
@media(max-width:1023px){.otkp-field-panels{grid-template-columns:1fr 1fr}.otkp-field-filter-panel{grid-column:1/-1}.otkp-field-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.otkp-field-head{display:grid}.otkp-field-head>button{width:100%;min-height:46px}.otkp-field-gps-consent{display:grid;padding:13px}.otkp-field-gps-consent>div:last-child{display:grid;grid-template-columns:1fr 1fr}.otkp-field-gps-consent button{min-height:46px}.otkp-field-toolbar{display:grid;grid-template-columns:1fr 1fr}.otkp-field-modes,.otkp-field-route-select{grid-column:1/-1}.otkp-field-modes{display:grid;grid-template-columns:repeat(3,1fr)}.otkp-field-modes button{min-height:48px;padding:8px;font-size:12px}.otkp-field-route-select{min-width:0}.otkp-field-map{height:min(58dvh,520px);min-height:360px}.otkp-field-map-actions{left:8px;top:8px}.otkp-field-map-actions button{min-height:44px}.otkp-field-panels,.otkp-field-grid{grid-template-columns:1fr}.otkp-field-filter-panel{grid-column:auto}.otkp-field-metrics{grid-template-columns:1fr 1fr}.otkp-field-panels>section{padding:12px}.otkp-field-chips button{min-height:42px;font-size:12px}.otkp-field-trail-toggles label{min-height:44px}.otkp-field-nearby-card{padding:9px 0}.otkp-field-nearby-card>button:first-child{grid-template-columns:82px 1fr;padding:7px}.otkp-field-add{min-width:46px;min-height:46px}.otkp-field-trip-row{min-height:48px}}

.otkp-field-v2:fullscreen,.otkp-field-fallback-fullscreen{position:fixed!important;inset:0!important;z-index:999999!important;width:100vw!important;height:100vh!important;height:100dvh!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#eaf1f4!important;overflow:hidden!important}.otkp-field-v2:fullscreen>.otkp-field-head,.otkp-field-v2:fullscreen>.otkp-field-gps-consent,.otkp-field-v2:fullscreen>.otkp-field-toolbar,.otkp-field-v2:fullscreen>.otkp-field-status,.otkp-field-v2:fullscreen>.otkp-field-metrics,.otkp-field-v2:fullscreen>.otkp-field-panels,.otkp-field-v2:fullscreen>.otkp-field-grid,.otkp-field-fallback-fullscreen>.otkp-field-head,.otkp-field-fallback-fullscreen>.otkp-field-gps-consent,.otkp-field-fallback-fullscreen>.otkp-field-toolbar,.otkp-field-fallback-fullscreen>.otkp-field-status,.otkp-field-fallback-fullscreen>.otkp-field-metrics,.otkp-field-fallback-fullscreen>.otkp-field-panels,.otkp-field-fallback-fullscreen>.otkp-field-grid{display:none!important}.otkp-field-v2:fullscreen>.otkp-field-map-shell,.otkp-field-fallback-fullscreen>.otkp-field-map-shell{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important}.otkp-field-v2:fullscreen .otkp-field-map,.otkp-field-fallback-fullscreen .otkp-field-map{width:100%!important;height:100%!important;min-height:0!important}.otkp-field-v2:fullscreen .otkp-field-map-actions,.otkp-field-fallback-fullscreen .otkp-field-map-actions{display:none!important}.otkp-field-v2:fullscreen .otkp-field-fs-controls,.otkp-field-fallback-fullscreen .otkp-field-fs-controls{display:flex;position:absolute;z-index:900;top:calc(10px + var(--otkp-safe-top));right:calc(10px + var(--otkp-safe-right));gap:7px;align-items:center}.otkp-field-fs-controls button{height:var(--field-control);min-width:var(--field-control);border:1px solid #c9d7e0;border-radius:14px;background:#fff;color:#0a3154;box-shadow:0 5px 18px #082d5430;font-size:19px;font-weight:800}.otkp-field-fs-menu-btn{padding:0 14px!important;display:flex;align-items:center;gap:7px}.otkp-field-fs-menu-btn span{font-size:13px}.otkp-field-v2:fullscreen .otkp-field-fs-menu:not([hidden]),.otkp-field-fallback-fullscreen .otkp-field-fs-menu:not([hidden]){display:block;position:absolute;z-index:950;left:50%;top:50%;transform:translate(-50%,-50%);width:min(90vw,420px);max-height:min(78dvh,640px);overflow:auto;padding:16px;border:1px solid #d5e1e9;border-radius:20px;background:rgba(255,255,255,.97);box-shadow:0 18px 60px #061e3655;backdrop-filter:blur(14px)}.otkp-field-fs-menu-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.otkp-field-fs-menu-head>div{display:grid}.otkp-field-fs-menu-head small{color:#1682ce;font-size:10px;font-weight:900;letter-spacing:.08em}.otkp-field-fs-menu-head strong{font-size:20px;color:#082d54}.otkp-field-fs-menu-head button{width:44px;height:44px;border:0;border-radius:50%;background:#082d54;color:#fff;font-size:24px}.otkp-field-fs-menu-grid{display:grid;gap:10px}.otkp-field-fs-menu-grid section{display:grid;grid-template-columns:1fr;gap:7px;padding:11px;border:1px solid #e0e8ee;border-radius:14px;background:#f9fbfc}.otkp-field-fs-menu-grid h4{margin:0 0 2px;font-size:12px;color:#597087;text-transform:uppercase;letter-spacing:.04em}.otkp-field-fs-menu-grid section>button,.otkp-field-fs-mode-grid button{min-height:48px;border:1px solid #d6e1e8;border-radius:11px;background:#fff;color:#153555;text-align:left;padding:10px 12px;font-size:14px;font-weight:750}.otkp-field-fs-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.otkp-field-fs-mode-grid button{text-align:center}.otkp-field-fs-mode-grid button span{display:block;font-size:11px;margin-top:3px}.otkp-field-fs-mode-grid button.is-active{background:#0b4774;color:#fff;border-color:#0b4774}.otkp-fullscreen-lock,.otkp-field-fullscreen-open{overflow:hidden!important;overscroll-behavior:none}
@media(max-width:430px){.otkp-field-fs-controls{right:calc(7px + var(--otkp-safe-right))!important;top:calc(7px + var(--otkp-safe-top))!important}.otkp-field-fs-menu-btn span{display:none}.otkp-field-fs-menu:not([hidden]){width:calc(100vw - 20px)!important;max-height:calc(100dvh - 110px)!important;padding:13px!important}.otkp-field-fs-mode-grid{grid-template-columns:repeat(3,1fr)}}
@media(orientation:landscape) and (max-height:520px){.otkp-field-v2:fullscreen .otkp-field-fs-menu:not([hidden]),.otkp-field-fallback-fullscreen .otkp-field-fs-menu:not([hidden]){max-height:88dvh;width:min(70vw,520px)}}


.otkp-field-fs-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.otkp-field-fs-filter-grid button{min-height:46px;border:1px solid #d6e1e8;border-radius:10px;background:#fff;color:#153555;padding:8px;font-size:12px;font-weight:750}.otkp-field-fs-filter-grid button.is-active{background:#0b4774;color:#fff;border-color:#0b4774}.otkp-field-fs-trails{display:grid;grid-template-columns:1fr 1fr;gap:7px}.otkp-field-fs-trails label{min-height:44px;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #dfe7ec;border-radius:10px;background:#fff;font-size:12px;color:#17324f}.otkp-field-fs-trails label:last-child{grid-column:1/-1}

/* === 6.4.4 ROUTING + SZLAKI / KONFIGURACJA === */



@media(max-width:430px){}

.otkp-field-map-canvas.is-bearing .leaflet-map-pane{transform:rotate(var(--otkp-field-bearing,0deg));transform-origin:50% 50%;transition:transform .35s linear}.otkp-field-map-canvas.is-bearing .leaflet-marker-pane,.otkp-field-map-canvas.is-bearing .leaflet-tooltip-pane,.otkp-field-map-canvas.is-bearing .leaflet-popup-pane{transform:rotate(calc(-1 * var(--otkp-field-bearing,0deg)));transform-origin:50% 50%}

/* 6.4.6 — regional trail database + free zoom */
.otkp-field-regional{min-width:0}.otkp-field-regional-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.otkp-field-regional-head small{display:block;font-size:10px;font-weight:900;letter-spacing:.08em;color:#27885b}.otkp-field-regional-head h3{margin:2px 0 0}.otkp-field-regional-head>span{font-size:10px;font-weight:800;color:#60788a;text-align:right}.otkp-field-regional-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px}.otkp-field-regional-filters button{min-height:34px;padding:6px 10px;border:1px solid #cadce4;border-radius:999px;background:#fff;color:#244966;font-size:11px;font-weight:800}.otkp-field-regional-filters button.is-active{background:#eaf7ef;border-color:#87c7a0;color:#17663d}.otkp-field-regional-list{display:grid;gap:7px;max-height:430px;overflow:auto;padding-right:2px}.otkp-regional-trail{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border:1px solid #dce8ed;border-radius:12px;background:#fff}.otkp-regional-trail-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--trail) 15%,white);border:1px solid color-mix(in srgb,var(--trail) 35%,white);font-size:18px}.otkp-regional-trail>div{display:grid;min-width:0}.otkp-regional-trail small{font-size:9.5px;color:#69808f}.otkp-regional-trail strong{font-size:11.5px;color:#173d58;line-height:1.25}.otkp-regional-trail span{font-size:10px;font-weight:800;color:#245b79}.otkp-regional-trail em{font-size:9px;font-style:normal;color:#8395a1}.otkp-regional-trail>a{font-size:10px;font-weight:850;color:#0b6da7;text-decoration:none;white-space:nowrap}.otkp-regional-trail>a:hover{text-decoration:underline}@media(max-width:520px){.otkp-regional-trail{grid-template-columns:38px minmax(0,1fr)}.otkp-regional-trail>a{grid-column:2}.otkp-field-regional-list{max-height:360px}}

/* 6.4.7 — verified tourist trails */
.otkp-regional-actions{display:grid;gap:5px;justify-items:end}.otkp-regional-actions button,.otkp-regional-actions a{min-height:30px;padding:5px 8px;border:1px solid #c6dce6;border-radius:8px;background:#f5fbfd;color:#0b6598;font-size:10px;font-weight:850;text-decoration:none;display:inline-flex;align-items:center}.otkp-regional-actions button{cursor:pointer}.otkp-regional-trail em{line-height:1.25}.otkp-regional-trail[data-type=walk] .otkp-regional-trail-mark{font-size:17px}@media(max-width:520px){.otkp-regional-actions{grid-column:2;grid-auto-flow:column;justify-content:start;justify-items:start}}

/* 6.5.0 — regional trails synchronized with map */
.otkp-regional-map-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:7px 8px;margin-bottom:7px;border:1px solid #d8e7ed;border-radius:10px;background:#f7fbfc}.otkp-regional-map-toolbar button{min-height:32px;padding:5px 9px;border:1px solid #bed6df;border-radius:8px;background:#fff;color:#174a68;font-size:10px;font-weight:850}.otkp-regional-map-toolbar span{margin-left:auto;font-size:10px;font-weight:800;color:#647b8a}.otkp-regional-trail.is-on-map{border-color:#73b88f;background:#f6fcf8;box-shadow:0 0 0 1px #73b88f33 inset}.otkp-regional-actions{grid-template-columns:repeat(2,max-content)}.otkp-regional-actions button[data-field-regional-plan]{background:#eaf7ef;color:#17663d;border-color:#9fcfb0}.otkp-regional-popup{display:grid;gap:5px;min-width:210px}.otkp-regional-popup strong{font-size:13px;color:#143c58}.otkp-regional-popup span,.otkp-regional-popup small{font-size:10.5px;color:#617a89}.otkp-regional-popup button{margin-top:3px;min-height:36px;border:1px solid #8fc3a2;border-radius:9px;background:#eaf7ef;color:#17663d;font-weight:850;font-size:11px}.leaflet-interactive{transition:stroke-width .15s ease,opacity .15s ease}@media(max-width:520px){.otkp-regional-map-toolbar span{width:100%;margin-left:0}.otkp-regional-actions{grid-template-columns:repeat(2,minmax(0,max-content))}}

/* 6.5.1 — permanent OdpocznijTu base marker */
.leaflet-otkpHomePane-pane{z-index:760!important;pointer-events:auto!important}.otkp-field-home-divicon{background:transparent!important;border:0!important}.otkp-field-home-pin{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#fff!important;border:3px solid #238354!important;box-shadow:0 5px 18px rgba(5,45,31,.34)!important;font-size:24px!important;line-height:1!important;visibility:visible!important;opacity:1!important}

/* 6.5.3 — desktop map controls + refined OdpocznijTu marker */
.otkp-field-desktop-menu{position:absolute;top:14px;right:14px;z-index:880;display:none}.otkp-field-desktop-menu-toggle{min-height:44px;padding:8px 12px;border:1px solid #c9dce5;border-radius:13px;background:rgba(255,255,255,.97);box-shadow:0 8px 24px rgba(24,61,81,.16);display:flex;align-items:center;gap:8px;color:#173d58;font-weight:900;cursor:pointer}.otkp-field-desktop-menu-toggle span{font-size:18px}.otkp-field-desktop-menu-panel{position:absolute;right:0;top:52px;width:226px;padding:10px;border:1px solid #d5e4ea;border-radius:14px;background:rgba(255,255,255,.985);box-shadow:0 16px 36px rgba(20,54,73,.20);backdrop-filter:blur(9px)}.otkp-field-desktop-menu-panel>strong{display:block;padding:3px 5px 8px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#60798a}.otkp-field-desktop-menu-panel button{width:100%;min-height:40px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:#173d58;text-align:left;font-size:12px;font-weight:800;cursor:pointer}.otkp-field-desktop-menu-panel button:hover{background:#edf6f2;color:#17633f}@media(min-width:900px){.otkp-field-desktop-menu{display:block}}
.otkp-field-home-divicon{background:transparent!important;border:0!important;width:118px!important;height:50px!important;overflow:visible!important}.otkp-field-home-pin{display:flex!important;align-items:center!important;gap:6px!important;width:max-content!important;min-width:108px!important;height:42px!important;padding:4px 10px 4px 5px!important;border-radius:22px!important;background:#fff!important;border:2px solid #2b8758!important;box-shadow:0 6px 19px rgba(16,67,44,.28)!important;color:#155b3a!important;white-space:nowrap!important;visibility:visible!important;opacity:1!important}.otkp-field-home-pin-icon{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:50%!important;background:#2b8758!important;color:#fff!important;font-size:18px!important;font-weight:950!important}.otkp-field-home-pin-label{font-size:11px!important;font-weight:950!important;letter-spacing:-.01em!important}.otkp-regional-trail{transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.otkp-regional-trail:hover{border-color:#b8d7c5}.otkp-regional-trail.is-on-map{box-shadow:0 0 0 2px rgba(43,135,88,.14) inset}.otkp-regional-actions button{transition:background .15s ease,border-color .15s ease}.otkp-regional-actions button:hover{background:#e9f5ef;border-color:#8dbda2}.otkp-regional-map-toolbar{position:sticky;top:0;z-index:2}

/* 6.5.4 — usable OSM trail geometry */
.otkp-regional-actions button.is-start{grid-column:1/-1;background:#176c45!important;border-color:#176c45!important;color:#fff!important;justify-content:center;min-height:36px}.otkp-regional-actions button.is-start:hover{background:#105a39!important}.otkp-regional-map-toolbar button[data-field-regional-refresh]{background:#edf7fb;color:#0b638e;border-color:#b9d9e7}
n

/* ==========================================================
   OdpocznijTu 7.0.1 — Desktop UI Rebuild
   Jeden spójny layout Trybu terenowego. Konfliktujące poprzednie warstwy CSS usunięte.
   ========================================================== */
.otkp-field-v2{--f-bg:#f4f8f6;--f-panel:#fff;--f-panel-2:#f7faf8;--f-text:#173a2b;--f-muted:#687f75;--f-line:#d9e5df;--f-accent:#2d8758;--f-accent-2:#1d6944;--f-map-shadow:0 14px 36px rgba(25,62,45,.12);--f-radius:14px;--f-space-1:4px;--f-space-2:8px;--f-space-3:12px;--f-space-4:16px;--f-space-5:24px;--f-space-6:32px;color:var(--f-text);background:var(--f-bg);border-radius:18px;padding:16px;box-sizing:border-box;overflow:clip}
.otkp-field-v2[data-field-theme="dark"]{--f-bg:#0a1921;--f-panel:#10242e;--f-panel-2:#142c36;--f-text:#eef6f2;--f-muted:#8fa7a0;--f-line:#29414b;--f-accent:#48a973;--f-accent-2:#75c792;--f-map-shadow:0 18px 45px rgba(0,0,0,.28)}
.otkp-field-v2 *{box-sizing:border-box}.otkp-field-v2 button,.otkp-field-v2 select,.otkp-field-v2 input{font:inherit}.otkp-field-v2 button:focus-visible,.otkp-field-v2 select:focus-visible,.otkp-field-v2 input:focus-visible{outline:3px solid color-mix(in srgb,var(--f-accent) 38%,transparent);outline-offset:2px}
.otkp-field-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 0 12px;padding:0}.otkp-field-head>div:first-child{min-width:0}.otkp-field-head span{font-size:10px;font-weight:900;letter-spacing:.09em;color:var(--f-accent);text-transform:uppercase}.otkp-field-head h2{margin:4px 0 6px;font-size:clamp(24px,2.2vw,34px);line-height:1.08;color:var(--f-text)}.otkp-field-head p{max-width:820px;margin:0;color:var(--f-muted);font-size:13px;line-height:1.45}.otkp-field-head-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.otkp-field-head-actions>button,.otkp-field-theme-switch{border:1px solid var(--f-line);border-radius:10px;background:var(--f-panel);color:var(--f-text)}.otkp-field-head-actions>button{min-height:42px;padding:8px 12px;font-weight:800}.otkp-field-theme-switch{display:flex;padding:3px}.otkp-field-theme-switch button{min-height:34px;padding:5px 9px;border:0;border-radius:7px;background:transparent;color:var(--f-muted);font-size:11px;font-weight:800}.otkp-field-theme-switch button.is-active{background:var(--f-accent);color:#fff}.otkp-field-theme-switch span{font-size:inherit;letter-spacing:0;text-transform:none;color:inherit}
.otkp-field-gps-consent{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding:8px 12px;min-height:50px;border:1px solid var(--f-line);border-radius:12px;background:var(--f-panel);color:var(--f-text)}.otkp-field-gps-consent>div:first-child{display:flex;align-items:center;gap:8px;min-width:0}.otkp-field-gps-consent strong{white-space:nowrap;font-size:12px}.otkp-field-gps-consent span{font-size:10px;color:var(--f-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.otkp-field-gps-consent>div:last-child{display:flex;gap:6px}.otkp-field-gps-consent button{min-height:34px;padding:5px 9px;border-radius:8px;font-size:10px;font-weight:850}.otkp-field-gps-consent.is-granted{opacity:.82}
.otkp-field-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;padding:8px;border:1px solid var(--f-line);border-radius:12px;background:var(--f-panel)}.otkp-field-modes{display:flex;gap:4px}.otkp-field-modes button,.otkp-field-toolbar>button{min-height:38px;padding:7px 10px;border:1px solid var(--f-line);border-radius:8px;background:var(--f-panel-2);color:var(--f-text);font-size:10px;font-weight:850}.otkp-field-modes button.is-active{background:var(--f-accent);border-color:var(--f-accent);color:#fff}.otkp-field-route-select{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:9px;font-weight:850;color:var(--f-muted);text-transform:uppercase}.otkp-field-route-select select{min-width:190px;max-width:290px;height:38px;border:1px solid var(--f-line);border-radius:8px;padding:0 10px;background:var(--f-panel);color:var(--f-text);text-transform:none;font-size:10px}
.otkp-field-map-shell{position:relative;min-width:0;border:1px solid var(--f-line);border-radius:var(--f-radius);overflow:hidden;background:#dbe5df;box-shadow:var(--f-map-shadow)}.otkp-field-map{width:100%;height:100%;min-height:520px;background:#dbe5df}.otkp-field-map .leaflet-control-attribution{font-size:8px}.otkp-field-desktop-menu{position:absolute;top:12px;right:62px;z-index:880}.otkp-field-desktop-menu-toggle{min-height:40px;padding:7px 10px;border:1px solid rgba(29,64,50,.2);border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 7px 20px rgba(21,52,40,.16);display:flex;align-items:center;gap:7px;color:#173d2d;font-size:10px;font-weight:900;cursor:pointer}.otkp-field-desktop-menu-panel{position:absolute;right:0;top:48px;width:230px;padding:10px;border:1px solid #d6e2dc;border-radius:12px;background:rgba(255,255,255,.98);box-shadow:0 16px 38px rgba(18,48,36,.2);color:#173d2d}.otkp-field-desktop-menu-panel>strong{display:block;padding:3px 4px 7px;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#6d8278}.otkp-field-desktop-menu-panel>button{width:100%;min-height:36px;padding:6px 8px;border:0;border-radius:7px;background:transparent;color:#173d2d;text-align:left;font-size:10px;font-weight:800}.otkp-field-desktop-menu-panel>button:hover{background:#eef6f1}.otkp-field-layer-select,.otkp-field-desktop-filters{display:grid;gap:4px;padding:7px 4px;border-top:1px solid #e4ece8}.otkp-field-layer-select span,.otkp-field-desktop-filters span{font-size:8px;font-weight:900;text-transform:uppercase;color:#789087}.otkp-field-layer-select select,.otkp-field-desktop-filters select{width:100%;height:34px;border:1px solid #d3e0da;border-radius:7px;padding:0 8px;background:#fff;color:#173d2d;font-size:10px}
.otkp-field-map-toolbar-pro{position:absolute;right:12px;top:62px;z-index:870;display:grid;gap:5px}.otkp-field-map-toolbar-pro button{width:40px;height:40px;border:1px solid rgba(29,64,50,.2);border-radius:9px;background:rgba(255,255,255,.96);box-shadow:0 6px 18px rgba(21,52,40,.14);color:#1c5e3f;font-size:17px;font-weight:900;cursor:pointer}.otkp-field-map-toolbar-pro button:hover{background:#eaf5ee}.otkp-field-map-actions{position:absolute;left:12px;bottom:12px;z-index:850;display:flex;gap:6px}.otkp-field-map-actions button{min-height:34px;border:1px solid rgba(255,255,255,.7);border-radius:8px;background:rgba(16,41,31,.78);color:#fff;font-size:9px;font-weight:850;backdrop-filter:blur(7px)}
.otkp-field-home-divicon{background:transparent!important;border:0!important;width:126px!important;height:54px!important;overflow:visible!important}.otkp-field-home-pin{position:relative!important;display:flex!important;align-items:center!important;gap:6px!important;width:max-content!important;min-width:116px!important;height:44px!important;padding:4px 11px 4px 5px!important;border-radius:23px!important;background:#fff!important;border:2px solid #2b8758!important;box-shadow:0 7px 22px rgba(14,57,37,.35)!important;color:#155b3a!important;white-space:nowrap!important}.otkp-field-home-pin:before{content:"";position:absolute;left:13px;top:13px;width:18px;height:18px;border-radius:50%;border:2px solid rgba(43,135,88,.55);animation:otkp-home-pulse 2.2s infinite}.otkp-field-home-pin-icon{display:grid!important;place-items:center!important;width:31px!important;height:31px!important;border-radius:50%!important;background:#2b8758!important;color:#fff!important;font-size:18px!important;font-weight:950!important}.otkp-field-home-pin-label{font-size:11px!important;font-weight:950!important}.leaflet-otkpHomePane-pane{z-index:760!important}@keyframes otkp-home-pulse{0%{transform:scale(.8);opacity:.8}70%{transform:scale(1.8);opacity:0}100%{opacity:0}}
.otkp-field-status{margin:10px 0 0;padding:7px 10px;border:1px solid var(--f-line);border-radius:9px;background:var(--f-panel);color:var(--f-muted);font-size:9px}.otkp-field-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}.otkp-field-metrics article{min-width:0;padding:8px 10px;border:1px solid var(--f-line);border-radius:10px;background:var(--f-panel)}.otkp-field-metrics small{display:block;font-size:8px;text-transform:uppercase;color:var(--f-muted)}.otkp-field-metrics strong{display:block;margin-top:2px;font-size:12px;color:var(--f-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.otkp-field-regional{min-width:0;padding:14px;border:1px solid var(--f-line);border-radius:var(--f-radius);background:var(--f-panel);overflow:hidden}.otkp-field-regional-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}.otkp-field-regional-head small{display:block;font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--f-accent)}.otkp-field-regional-head h3{margin:3px 0 0;font-size:17px;line-height:1.15;color:var(--f-text)}.otkp-field-regional-head>span{font-size:8px;color:var(--f-muted);text-align:right}.otkp-region-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:9px}.otkp-region-kpis>div{min-width:0;padding:8px 4px;border:1px solid var(--f-line);border-radius:9px;background:var(--f-panel-2);text-align:center}.otkp-region-kpis strong{display:block;font-size:16px;color:var(--f-text);line-height:1}.otkp-region-kpis span{display:block;margin-top:3px;font-size:7px;text-transform:uppercase;color:var(--f-muted)}.otkp-region-search{display:grid;grid-template-columns:22px minmax(0,1fr) 28px;align-items:center;gap:4px;height:40px;margin-bottom:8px;padding:0 7px;border:1px solid var(--f-line);border-radius:9px;background:var(--f-panel-2);color:var(--f-muted)}.otkp-region-search input{width:100%;min-width:0;height:34px;padding:0;border:0;outline:0;background:transparent;color:var(--f-text);font-size:10px;box-shadow:none}.otkp-region-search button{width:26px;height:26px;min-height:26px;padding:0;border:0;border-radius:6px;background:color-mix(in srgb,var(--f-line) 55%,transparent);color:var(--f-muted)}.otkp-field-regional-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:8px}.otkp-field-regional-filters button{min-width:0;min-height:32px;padding:4px;border:1px solid var(--f-line);border-radius:8px;background:var(--f-panel-2);color:var(--f-muted);font-size:8.5px;font-weight:850}.otkp-field-regional-filters button.is-active{background:var(--f-accent);border-color:var(--f-accent);color:#fff}.otkp-region-list-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:end;margin-bottom:8px}.otkp-region-list-tools>label:first-child{display:grid;gap:3px}.otkp-region-list-tools label>span{font-size:7.5px;font-weight:850;text-transform:uppercase;color:var(--f-muted)}.otkp-region-list-tools select{width:100%;min-height:34px;border:1px solid var(--f-line);border-radius:8px;padding:4px 8px;background:var(--f-panel-2);color:var(--f-text);font-size:9px}.otkp-region-ready-toggle{display:flex;align-items:center;gap:5px;min-height:34px;padding:5px 7px;border:1px solid var(--f-line);border-radius:8px;background:var(--f-panel-2)}.otkp-field-regional-list{min-height:0;overflow:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:var(--f-accent) transparent}.otkp-regional-map-toolbar{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:6px;padding:6px;border:1px solid var(--f-line);border-radius:9px;background:color-mix(in srgb,var(--f-panel) 94%,transparent)}.otkp-regional-map-toolbar button{min-height:29px;padding:4px 7px;border:1px solid var(--f-line);border-radius:7px;background:var(--f-panel-2);color:var(--f-text);font-size:8px;font-weight:850}.otkp-regional-map-toolbar span{margin-left:auto;font-size:8px;color:var(--f-muted)}
.otkp-regional-trail{position:relative;display:block;margin-bottom:6px;padding:9px;border:1px solid var(--f-line);border-left:4px solid var(--trail,#607b70);border-radius:9px;background:var(--f-panel-2);transition:.16s ease}.otkp-regional-trail:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--f-accent) 55%,var(--f-line));box-shadow:0 6px 16px rgba(15,50,35,.08)}.otkp-regional-trail.is-selected{background:color-mix(in srgb,var(--f-accent) 12%,var(--f-panel));border-color:var(--f-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--f-accent) 18%,transparent)}.otkp-regional-trail-main{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 14px;gap:8px;align-items:center;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit}.otkp-regional-trail-mark{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--trail) 16%,var(--f-panel));border:1px solid color-mix(in srgb,var(--trail) 42%,var(--f-line));font-size:15px}.otkp-regional-trail-copy{display:grid;gap:2px;min-width:0}.otkp-regional-topline{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0}.otkp-regional-topline>span:first-child{font-size:7.5px;color:var(--f-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.otkp-regional-trail-copy>strong{font-size:10.5px;line-height:1.25;color:var(--f-text)}.otkp-regional-meta{font-size:8.5px;font-weight:800;color:color-mix(in srgb,var(--f-text) 72%,var(--f-muted))}.otkp-regional-trail-copy>small{font-size:7.5px;color:var(--f-muted)}.otkp-trail-status{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;padding:2px 5px;border-radius:999px;font-size:7px!important;font-weight:900!important}.otkp-trail-status.is-ready{background:#ddf2e5;color:#17663d}.otkp-trail-status.is-verified{background:#e8eff2;color:#4b6876}.otkp-trail-status.is-pending{background:#fff0d8;color:#936015}.otkp-field-v2[data-field-theme="dark"] .otkp-trail-status.is-ready{background:#183f30;color:#90d6aa}.otkp-field-v2[data-field-theme="dark"] .otkp-trail-status.is-verified{background:#203944;color:#b0c2c9}.otkp-field-v2[data-field-theme="dark"] .otkp-trail-status.is-pending{background:#48381e;color:#efca86}.otkp-regional-extra{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:7px;padding:7px;border:1px solid var(--f-line);border-radius:8px;background:var(--f-panel)}.otkp-regional-extra span{font-size:7px;text-transform:uppercase;color:var(--f-muted)}.otkp-regional-extra strong{font-size:8px;color:var(--f-text);overflow-wrap:anywhere}.otkp-regional-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.otkp-regional-actions button,.otkp-regional-actions a{min-height:28px;padding:4px 7px;border:1px solid var(--f-line);border-radius:7px;background:var(--f-panel);color:var(--f-text);font-size:7.5px;font-weight:850;text-decoration:none;display:inline-flex;align-items:center}.otkp-regional-actions button.is-start{flex:1 1 100%;justify-content:center;background:var(--f-accent);border-color:var(--f-accent);color:#fff}
.otkp-field-panels>section:not(.otkp-field-regional),.otkp-field-grid>section{min-width:0;padding:12px;border:1px solid var(--f-line);border-radius:var(--f-radius);background:var(--f-panel);color:var(--f-text)}.otkp-field-panels h3,.otkp-field-grid h3{margin:0 0 8px;font-size:13px;color:var(--f-text)}.otkp-field-trip{display:grid;gap:5px}.otkp-field-trip-row{min-height:38px}.otkp-field-trip-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.otkp-field-trip-actions button,.otkp-field-safety button{min-height:32px;padding:5px 8px;border:1px solid var(--f-line);border-radius:7px;background:var(--f-panel-2);color:var(--f-text);font-size:8.5px;font-weight:850}.otkp-field-safety{display:grid;gap:8px}.otkp-field-safety small{font-size:9px;line-height:1.4;color:var(--f-muted)}.otkp-field-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.otkp-field-legend span{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--f-muted)}.otkp-field-legend i{width:22px;height:4px;border-radius:4px;background:var(--legend)}.otkp-field-gps-summary{display:grid;grid-template-columns:1fr 90px 90px;gap:6px;align-items:center}.otkp-field-gps-summary>span{font-size:9px;color:var(--f-muted)}.otkp-field-gps-summary>div{padding:6px;border:1px solid var(--f-line);border-radius:7px;background:var(--f-panel-2)}.otkp-field-gps-summary small{display:block;font-size:7px;color:var(--f-muted)}.otkp-field-gps-summary strong{font-size:10px;color:var(--f-text)}
.otkp-selected-trail-card{display:grid;gap:9px}.otkp-selected-trail-head{display:grid;grid-template-columns:5px minmax(0,1fr);gap:8px}.otkp-selected-trail-color{border-radius:4px;background:var(--trail)}.otkp-selected-trail-head>div{display:grid;gap:2px}.otkp-selected-trail-head small{font-size:8px;color:var(--f-muted)}.otkp-selected-trail-head strong{font-size:12px;color:var(--f-text)}.otkp-selected-trail-head span{font-size:9px;color:var(--f-muted)}.otkp-selected-profile{height:72px;position:relative;border:1px solid var(--f-line);border-radius:8px;background:linear-gradient(to top,color-mix(in srgb,var(--f-accent) 8%,transparent),transparent);overflow:hidden;color:var(--f-accent)}.otkp-selected-profile svg{width:100%;height:100%;opacity:.7}.otkp-selected-profile>span{position:absolute;left:8px;bottom:5px;padding:2px 5px;border-radius:5px;background:color-mix(in srgb,var(--f-panel) 90%,transparent);font-size:7px;color:var(--f-muted)}.otkp-selected-trail-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px}.otkp-selected-trail-meta span{display:grid;gap:2px}.otkp-selected-trail-meta small{font-size:7px;color:var(--f-muted)}.otkp-selected-trail-meta b{font-size:8px;color:var(--f-text)}.otkp-field-catalog-route{margin-top:10px;padding-top:10px;border-top:1px solid var(--f-line);font-size:9px;color:var(--f-muted)}
.otkp-field-fs-controls,.otkp-field-fs-menu{z-index:1200}.otkp-nav-panel{z-index:1100}
@media(min-width:1024px){
 .otkp-field-v2{display:block!important;max-width:none!important}
 .otkp-field-workspace{display:grid;grid-template-columns:minmax(300px,32%) minmax(0,1fr);gap:14px;align-items:stretch;height:clamp(700px,78vh,800px);min-width:0}
 .otkp-field-workspace>.otkp-field-regional,.otkp-field-workspace>.otkp-field-map-shell{height:100%;min-height:0;min-width:0;margin:0!important}
 .otkp-field-workspace>.otkp-field-regional{display:grid!important;grid-template-rows:auto auto auto auto auto minmax(0,1fr)!important;align-content:start!important}
 .otkp-field-workspace .otkp-field-regional-list{height:100%!important;max-height:none!important;min-height:0!important}
 .otkp-field-workspace>.otkp-field-map-shell .otkp-field-map{height:100%!important;min-height:0!important}
 .otkp-field-v2>.otkp-field-status{display:none!important}.otkp-field-v2>.otkp-field-metrics{margin:10px 0 0!important}
 .otkp-field-v2>.otkp-field-panels{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:10px!important}.otkp-field-v2 .otkp-field-filter-panel{display:none!important}.otkp-field-v2 .otkp-field-nearby-panel,.otkp-field-v2 .otkp-field-trip-panel{margin:0!important;min-width:0!important}
 .otkp-field-v2>.otkp-field-grid{display:grid!important;grid-template-columns:1.6fr 1fr 1fr 1.15fr!important;gap:10px!important;margin-top:10px!important}.otkp-field-v2>.otkp-field-grid>section{height:auto!important;min-height:0!important}
 .otkp-field-nearby-panel [data-field-nearby]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.otkp-field-trip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.otkp-field-trip-actions{grid-column:1/-1!important}
}
@media(min-width:1400px){.otkp-field-workspace{grid-template-columns:390px minmax(0,1fr);height:clamp(760px,80vh,820px)}}
@media(min-width:1900px){.otkp-field-workspace{grid-template-columns:430px minmax(0,1fr);height:800px}}
@media(max-width:1023px){.otkp-field-v2{display:block!important;padding:12px!important}.otkp-field-workspace{display:flex;flex-direction:column;gap:10px}.otkp-field-workspace>.otkp-field-map-shell{order:1}.otkp-field-workspace>.otkp-field-regional{order:2}.otkp-field-head{align-items:flex-start}.otkp-field-head-actions{flex-direction:column;align-items:stretch}.otkp-field-theme-switch{justify-content:center}.otkp-field-gps-consent{align-items:flex-start;flex-direction:column}.otkp-field-gps-consent>div:first-child{display:grid}.otkp-field-gps-consent span{white-space:normal}.otkp-field-toolbar{display:grid;grid-template-columns:1fr 1fr}.otkp-field-modes{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.otkp-field-route-select{grid-column:1/-1;margin:0;display:grid}.otkp-field-route-select select{max-width:none;min-width:0;width:100%}.otkp-field-map-shell{height:min(72vh,680px);min-height:500px;margin-bottom:10px}.otkp-field-map{height:100%;min-height:500px}.otkp-field-regional{margin-bottom:10px}.otkp-field-regional-list{max-height:520px}.otkp-field-map-toolbar-pro,.otkp-field-desktop-menu{display:none}.otkp-field-panels{display:grid;gap:10px}.otkp-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.otkp-field-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.otkp-field-v2{padding:9px;border-radius:12px}.otkp-field-head{display:grid;gap:10px}.otkp-field-head-actions{display:grid;grid-template-columns:1fr 1fr}.otkp-field-theme-switch{grid-column:1/-1}.otkp-field-head h2{font-size:24px}.otkp-field-toolbar{grid-template-columns:1fr}.otkp-field-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.otkp-field-toolbar>button{width:100%}.otkp-field-map-shell{height:62vh;min-height:430px;border-radius:11px}.otkp-field-map{min-height:430px}.otkp-field-map-actions{display:none}.otkp-region-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.otkp-field-regional-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.otkp-region-list-tools{grid-template-columns:1fr}.otkp-region-ready-toggle{justify-content:flex-start}.otkp-regional-extra{grid-template-columns:1fr 1fr}.otkp-regional-topline{align-items:flex-start}.otkp-trail-status{max-width:46%;white-space:normal;text-align:right}.otkp-field-grid{grid-template-columns:1fr}.otkp-field-gps-summary{grid-template-columns:1fr 1fr}.otkp-field-gps-summary>span{grid-column:1/-1}.otkp-field-legend{grid-template-columns:1fr 1fr}.otkp-field-metrics{grid-template-columns:1fr 1fr}.otkp-field-nearby-panel [data-field-nearby]{display:grid;grid-template-columns:1fr!important}}

/* 7.0.1 fullscreen compatibility after physical workspace rebuild */
.otkp-field-v2:fullscreen>.otkp-field-workspace,.otkp-field-fallback-fullscreen>.otkp-field-workspace{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;margin:0!important;padding:0!important}.otkp-field-v2:fullscreen>.otkp-field-workspace>.otkp-field-regional,.otkp-field-fallback-fullscreen>.otkp-field-workspace>.otkp-field-regional{display:none!important}.otkp-field-v2:fullscreen>.otkp-field-workspace>.otkp-field-map-shell,.otkp-field-fallback-fullscreen>.otkp-field-workspace>.otkp-field-map-shell{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;border:0!important;border-radius:0!important}.otkp-field-v2:fullscreen>.otkp-field-workspace>.otkp-field-map-shell .otkp-field-map,.otkp-field-fallback-fullscreen>.otkp-field-workspace>.otkp-field-map-shell .otkp-field-map{width:100%!important;height:100%!important;min-height:0!important}.otkp-field-v2:fullscreen>.otkp-field-workspace .otkp-field-map-toolbar-pro,.otkp-field-fallback-fullscreen>.otkp-field-workspace .otkp-field-map-toolbar-pro,.otkp-field-v2:fullscreen>.otkp-field-workspace .otkp-field-desktop-menu,.otkp-field-fallback-fullscreen>.otkp-field-workspace .otkp-field-desktop-menu{display:none!important}
.otkp-field-v2[data-field-theme="dark"]:fullscreen,.otkp-field-fallback-fullscreen[data-field-theme="dark"]{background:#07151c!important}.otkp-field-v2[data-field-theme="dark"]:fullscreen .otkp-field-fs-menu:not([hidden]),.otkp-field-fallback-fullscreen[data-field-theme="dark"] .otkp-field-fs-menu:not([hidden]){background:rgba(10,25,33,.98)!important;border-color:#29414b!important;color:#eef6f2!important}.otkp-field-v2[data-field-theme="dark"]:fullscreen .otkp-field-fs-menu-grid section,.otkp-field-fallback-fullscreen[data-field-theme="dark"] .otkp-field-fs-menu-grid section{background:#10242e!important;border-color:#29414b!important}.otkp-field-v2[data-field-theme="dark"]:fullscreen .otkp-field-fs-menu-grid h4,.otkp-field-fallback-fullscreen[data-field-theme="dark"] .otkp-field-fs-menu-grid h4{color:#8fa7a0!important}.otkp-field-v2[data-field-theme="dark"]:fullscreen .otkp-field-fs-menu-grid button,.otkp-field-fallback-fullscreen[data-field-theme="dark"] .otkp-field-fs-menu-grid button{background:#142c36!important;border-color:#35505b!important;color:#eef6f2!important}.otkp-field-v2[data-field-theme="dark"]:fullscreen .otkp-field-fs-menu-head strong,.otkp-field-fallback-fullscreen[data-field-theme="dark"] .otkp-field-fs-menu-head strong{color:#eef6f2!important}

/* ==========================================================
   OdpocznijTu 7.0.1.1 — Field Mode UI stabilization
   Naprawa nakładających się warstw mapy, gęstości BAZY REGIONU,
   stanów GPS oraz wymuszonych pustych wysokości sekcji dolnych.
   ========================================================== */
.otkp-field-v2 [hidden]{display:none!important}
.otkp-field-v2 button:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.55)}

/* Mapa: Leaflet ma być jedyną warstwą rysującą geometrię. Globalne style SVG
   strony nie mogą nadawać wypełnienia trasom i tworzyć wielkich jasnych plam. */
.otkp-field-map-shell .leaflet-overlay-pane svg path{fill:none!important}
.otkp-field-map-shell .leaflet-overlay-pane svg path.leaflet-interactive{vector-effect:non-scaling-stroke}
.otkp-field-map-shell .leaflet-pane,.otkp-field-map-shell .leaflet-control-container{max-width:none!important;max-height:none!important}
.otkp-field-map-shell .leaflet-map-pane,.otkp-field-map-shell .leaflet-tile-pane,.otkp-field-map-shell .leaflet-overlay-pane{border-radius:0!important}
.otkp-field-map-shell:before,.otkp-field-map-shell:after,.otkp-field-map:before,.otkp-field-map:after{content:none!important;display:none!important}

/* Pasek główny — czytelna hierarchia i brak udawanych aktywnych kontrolek GPS. */
.otkp-field-toolbar{gap:7px!important;padding:7px 8px!important}
.otkp-field-toolbar>button{white-space:nowrap}
.otkp-field-route-select{min-width:260px}
.otkp-field-v2:not(.is-gps-active) [data-field-follow],.otkp-field-v2:not(.is-gps-active) [data-field-heading]{opacity:.5}

/* BAZA REGIONU: więcej miejsca dla danych i więcej miejsca pionowego dla listy. */
@media(min-width:1024px){
 .otkp-field-workspace{grid-template-columns:minmax(360px,36%) minmax(0,1fr)!important;height:clamp(690px,76vh,780px)!important;gap:12px!important}
 .otkp-field-workspace>.otkp-field-regional{padding:12px!important;grid-template-rows:auto auto auto auto auto minmax(0,1fr)!important}
 .otkp-field-v2>.otkp-field-panels{align-items:start!important}
 .otkp-field-v2>.otkp-field-grid{align-items:start!important}
}
@media(min-width:1500px){.otkp-field-workspace{grid-template-columns:420px minmax(0,1fr)!important}}
@media(min-width:1900px){.otkp-field-workspace{grid-template-columns:440px minmax(0,1fr)!important;height:790px!important}}

.otkp-field-regional-head{margin-bottom:8px!important}
.otkp-field-regional-head h3{font-size:18px!important}
.otkp-field-regional-head>span{font-size:9px!important;white-space:nowrap}
.otkp-region-kpis{gap:5px!important;margin-bottom:7px!important}
.otkp-region-kpis>div{padding:7px 3px!important}
.otkp-region-kpis span{font-size:7.5px!important}
.otkp-region-search{height:38px!important;margin-bottom:7px!important}
.otkp-region-search input{font-size:11px!important}
.otkp-field-regional-filters{gap:4px!important;margin-bottom:7px!important}
.otkp-field-regional-filters button{min-height:30px!important;font-size:9px!important;padding:4px 5px!important}
.otkp-region-list-tools{margin-bottom:7px!important}
.otkp-region-list-tools select,.otkp-region-ready-toggle{min-height:32px!important}
.otkp-region-ready-toggle span{font-size:8px!important}
.otkp-regional-map-toolbar{position:sticky!important;top:0!important;z-index:10!important;padding:5px!important;margin-bottom:6px!important;backdrop-filter:blur(10px)}
.otkp-regional-map-toolbar button{font-size:8.5px!important;min-height:28px!important}
.otkp-regional-map-toolbar span{font-size:8.5px!important}

/* Karty tras: czytelniejsza typografia, mniej ścisku i wyraźna hierarchia. */
.otkp-regional-trail{padding:9px 9px 8px!important;margin-bottom:7px!important}
.otkp-regional-trail-main{grid-template-columns:36px minmax(0,1fr) 14px!important;gap:9px!important}
.otkp-regional-trail-mark{width:34px!important;height:34px!important}
.otkp-regional-topline>span:first-child{font-size:8.5px!important}
.otkp-regional-trail-copy>strong{font-size:11.5px!important;line-height:1.3!important}
.otkp-regional-meta{font-size:9px!important;line-height:1.3!important}
.otkp-regional-trail-copy>small{font-size:8px!important}
.otkp-trail-status{font-size:7.5px!important;padding:3px 6px!important}
.otkp-regional-actions{gap:5px!important;margin-top:7px!important}
.otkp-regional-actions button,.otkp-regional-actions a{min-height:29px!important;font-size:8.25px!important;padding:4px 7px!important}
.otkp-regional-actions .is-start{flex:1 1 100%!important;min-height:32px!important}
.otkp-regional-extra{font-size:9px!important}

/* Mapa jest głównym elementem, ale jej nakładki pozostają zwarte. */
.otkp-field-map-actions{left:10px!important;bottom:10px!important}
.otkp-field-map-toolbar-pro{right:10px!important;top:60px!important}
.otkp-field-desktop-menu{top:10px!important;right:60px!important}

/* Dolne sekcje nie mogą dziedziczyć wysokości sąsiada ani tworzyć pustych bloków. */
.otkp-field-panels,.otkp-field-grid{align-items:start!important;grid-auto-rows:auto!important}
.otkp-field-panels>section,.otkp-field-grid>section{height:auto!important;min-height:0!important;align-self:start!important}
.otkp-field-nearby-panel,.otkp-field-trip-panel,.otkp-field-selected-panel,.otkp-field-legend-panel,.otkp-field-gps-panel,.otkp-field-safety-panel{min-height:0!important}
.otkp-field-trip{min-height:0!important}
.otkp-field-trip .otkp-empty,.otkp-field-selected-panel .otkp-empty{margin:4px 0!important;padding:12px!important;min-height:0!important;display:block!important;text-align:left!important;font-size:10px!important;line-height:1.45!important;color:var(--f-muted)!important}
.otkp-field-catalog-route{margin-top:7px!important;padding-top:7px!important}
.otkp-field-nearby-panel [data-field-nearby]{align-content:start!important}
.otkp-field-nearby-card{padding:5px 0!important}
.otkp-field-nearby-card>button:first-child strong{font-size:11px!important}
.otkp-field-nearby-card>button:first-child small{font-size:9px!important}
.otkp-field-panels h3,.otkp-field-grid h3{font-size:13px!important;margin-bottom:7px!important}
.otkp-field-gps-summary{grid-template-columns:minmax(0,1fr) 82px 82px!important}
.otkp-field-safety small{font-size:9.5px!important}

/* Mobile/tablet: mapa pierwsza, panel po niej, bez ściskania desktopowego layoutu. */
@media(max-width:1023px){
 .otkp-field-workspace{gap:10px!important}
 .otkp-field-workspace>.otkp-field-map-shell{height:min(70vh,650px)!important;min-height:460px!important}
 .otkp-field-workspace>.otkp-field-regional{padding:12px!important}
 .otkp-field-regional-list{max-height:480px!important}
 .otkp-field-panels{grid-template-columns:1fr!important}
 .otkp-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
 .otkp-field-head h2{font-size:23px!important}
 .otkp-field-gps-consent{padding:10px!important}
 .otkp-field-toolbar{display:grid!important;grid-template-columns:1fr!important}
 .otkp-field-modes,.otkp-field-route-select{width:100%!important;min-width:0!important}
 .otkp-field-route-select select{width:100%!important}
 .otkp-field-workspace>.otkp-field-map-shell{height:58vh!important;min-height:410px!important}
 .otkp-field-grid{grid-template-columns:1fr!important}
 .otkp-field-regional-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .otkp-field-gps-summary{grid-template-columns:1fr 1fr!important}
 .otkp-field-gps-summary>span{grid-column:1/-1}
}

/* ==========================================================
   OdpocznijTu 7.0.1.2 — Field Mode map-first stabilization
   Mapa na pełną szerokość, BAZA REGIONU pod mapą oraz pełny
   reset starych właściwości pozycjonowania nakładek mapy.
   ========================================================== */

/* Leaflet musi być odizolowany od globalnych reguł obrazów/SVG motywu i .otkp. */
.otkp-field-map.leaflet-container,
.otkp-field-map .leaflet-map-pane,
.otkp-field-map .leaflet-pane,
.otkp-field-map .leaflet-control-container{
  max-width:none!important;
  max-height:none!important;
  border-radius:0!important;
}
.otkp-field-map.leaflet-container img,
.otkp-field-map.leaflet-container svg,
.otkp-field-map.leaflet-container canvas,
.otkp-field-map .leaflet-pane img,
.otkp-field-map .leaflet-pane svg,
.otkp-field-map .leaflet-pane canvas{
  max-width:none!important;
  max-height:none!important;
}
.otkp-field-map .leaflet-overlay-pane svg{
  overflow:visible!important;
  border-radius:0!important;
  background:transparent!important;
}
.otkp-field-map .leaflet-overlay-pane path,
.otkp-field-map .leaflet-overlay-pane polyline{
  fill:none!important;
}

/* Krytyczny reset: starsze wersje ustawiały top+bottom lub left+right jednocześnie.
   To rozciągało overlaye na setki pikseli i tworzyło widoczne wielkie bryły. */



/* Redundantna stara warstwa przycisków nie może wrócić nawet po cache starszego DOM. */
.otkp-field-map-actions{
  display:none!important;
  position:absolute!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:auto!important;
  height:auto!important;
}

/* MAPA PIERWSZA I NA PEŁNĄ SZEROKOŚĆ; BAZA REGIONU POD MAPĄ. */
.otkp-field-workspace{
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  align-items:stretch!important;
}
.otkp-field-workspace>.otkp-field-map-shell{
  order:1!important;
  width:100%!important;
  min-width:0!important;
  height:clamp(620px,72vh,780px)!important;
  min-height:620px!important;
  margin:0!important;
}
.otkp-field-workspace>.otkp-field-map-shell .otkp-field-map{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}
.otkp-field-workspace>.otkp-field-regional{
  order:2!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:minmax(260px,1.05fr) minmax(300px,1.35fr) minmax(330px,1.6fr)!important;
  grid-template-areas:
    "head head head"
    "kpis search filters"
    "tools tools tools"
    "list list list"!important;
  gap:10px 12px!important;
  align-content:start!important;
  overflow:hidden!important;
}
.otkp-field-regional-head{grid-area:head!important;margin:0!important;align-items:center!important}
.otkp-region-kpis{grid-area:kpis!important;margin:0!important;align-self:stretch!important}
.otkp-region-search{grid-area:search!important;margin:0!important;height:100%!important;min-height:40px!important}
.otkp-field-regional-filters{grid-area:filters!important;margin:0!important;align-self:stretch!important}
.otkp-region-list-tools{grid-area:tools!important;margin:0!important;grid-template-columns:minmax(260px,420px) minmax(220px,max-content)!important;justify-content:start!important;align-items:center!important}
.otkp-field-regional-list{
  grid-area:list!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:650px!important;
  overflow:auto!important;
  padding:2px 4px 2px 0!important;
  align-content:start!important;
}
.otkp-field-regional-list>.otkp-regional-map-toolbar,
.otkp-field-regional-list>.otkp-empty{grid-column:1/-1!important}
.otkp-regional-map-toolbar{position:sticky!important;top:0!important;z-index:12!important;margin:0!important}
.otkp-regional-trail{margin:0!important;height:max-content!important;align-self:start!important}
.otkp-regional-trail-copy>strong{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

/* Główny nagłówek musi zachować czytelność w obu motywach. */
.otkp-field-v2[data-field-theme="light"] .otkp-field-head h2{color:#173a2b!important}
.otkp-field-v2[data-field-theme="light"] .otkp-field-head p{color:#5e766c!important}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-head h2{color:#eef6f2!important}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-head p{color:#a8bbb4!important}

/* Desktop: więcej miejsca na wielokolumnową bazę. */
@media(min-width:1600px){
  .otkp-field-regional-list{grid-template-columns:repeat(4,minmax(0,1fr))!important;max-height:690px!important}
}
@media(min-width:1024px) and (max-width:1199px){
  .otkp-field-workspace>.otkp-field-map-shell{height:clamp(580px,68vh,700px)!important;min-height:580px!important}
  .otkp-field-workspace>.otkp-field-regional{
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:
      "head head"
      "kpis search"
      "filters filters"
      "tools tools"
      "list list"!important;
  }
  .otkp-field-regional-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Tablet/mobile: mapa nadal pierwsza, baza poniżej; bez wymuszania desktopowej siatki. */
@media(max-width:1023px){
  .otkp-field-workspace{display:flex!important;flex-direction:column!important;gap:10px!important;height:auto!important}
  .otkp-field-workspace>.otkp-field-map-shell{
    order:1!important;
    width:100%!important;
    height:min(68vh,650px)!important;
    min-height:460px!important;
  }
  .otkp-field-workspace>.otkp-field-regional{
    order:2!important;
    width:100%!important;
    display:block!important;
    height:auto!important;
    overflow:visible!important;
  }
  .otkp-field-regional-head,.otkp-region-kpis,.otkp-region-search,.otkp-field-regional-filters,.otkp-region-list-tools{margin-bottom:8px!important}
  .otkp-field-regional-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:560px!important}
}
@media(max-width:640px){
  .otkp-field-workspace>.otkp-field-map-shell{height:58vh!important;min-height:410px!important}
  .otkp-field-regional-list{grid-template-columns:1fr!important;max-height:520px!important}
    }

/* Fullscreen: tylko mapa; baza pozostaje ukryta, a małe statusy zachowują poprawny rozmiar. */
.otkp-field-v2:fullscreen>.otkp-field-workspace,
.otkp-field-fallback-fullscreen>.otkp-field-workspace{
  display:block!important;
  height:100%!important;
}
.otkp-field-v2:fullscreen>.otkp-field-workspace>.otkp-field-regional,
.otkp-field-fallback-fullscreen>.otkp-field-workspace>.otkp-field-regional{display:none!important}



/* 7.0.1.2 — final visual corrections after multi-viewport render checks. */
.otkp-field-head h2{color:#173a2b!important}
.otkp-field-head p{color:#5e766c!important}
@media(max-width:640px){
  .otkp-region-list-tools{grid-template-columns:1fr!important;width:100%!important;min-width:0!important}
  .otkp-region-list-tools>label{min-width:0!important;width:100%!important}
  .otkp-region-ready-toggle{width:100%!important;min-width:0!important;justify-content:flex-start!important}
  .otkp-region-ready-toggle span{white-space:normal!important}
  .otkp-field-regional{max-width:100%!important}
  .otkp-field-regional-list{max-width:100%!important}
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-head h2,
.otkp-field-v2[data-field-theme="light"] .otkp-field-head h2{color:#173a2b!important}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-head p,
.otkp-field-v2[data-field-theme="light"] .otkp-field-head p{color:#5e766c!important}
.otkp-field-workspace .otkp-field-regional-list{height:auto!important;max-height:650px!important}
@media(min-width:1600px){.otkp-field-workspace .otkp-field-regional-list{max-height:690px!important}}
@media(max-width:1023px){.otkp-field-workspace .otkp-field-regional-list{height:auto!important;max-height:560px!important}}
@media(max-width:640px){.otkp-field-workspace .otkp-field-regional-list{max-height:520px!important}}
.otkp-field-v2[data-field-theme="light"] .otkp-field-regional{background:#fff!important;border-color:#d9e5df!important;color:#173a2b!important}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-regional{background:#10242e!important;border-color:#29414b!important;color:#eef6f2!important}


/* ==========================================================================
   OdpocznijTu 7.0.1.4 — compact field navigation component
   One DOM component, state-driven, isolated from Leaflet and global UI rules.
   ========================================================================== */
.otkp-nav-panel{
  --nav-bg:rgba(255,255,255,.97);--nav-bg-2:#f3f8fa;--nav-text:#12334f;--nav-muted:#667f90;
  --nav-line:#cbdde6;--nav-primary:#168247;--nav-warning:#a96b08;--nav-danger:#a12c2c;--nav-icon:#0b6598;
  position:absolute;top:14px;left:14px;right:auto;width:min(820px,calc(100% - 120px));max-width:820px;
  box-sizing:border-box;border:1px solid var(--nav-line);border-radius:16px;background:var(--nav-bg);color:var(--nav-text);
  box-shadow:0 10px 30px rgba(8,45,84,.22);backdrop-filter:blur(13px);overflow:hidden;z-index:1100;
  transition:box-shadow .18s ease,background-color .18s ease,border-color .18s ease;contain:layout paint;
}
.otkp-nav-panel[hidden]{display:none!important}
.otkp-field-v2[data-field-theme="dark"] .otkp-nav-panel{--nav-bg:rgba(12,31,40,.96);--nav-bg-2:#16333e;--nav-text:#eef6f2;--nav-muted:#a7bbb4;--nav-line:#35515c;--nav-icon:#77c997;box-shadow:0 12px 34px rgba(0,0,0,.34)}
.otkp-nav-panel *{box-sizing:border-box}
.otkp-nav-panel svg{display:block;width:18px;height:18px;max-width:none;max-height:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.otkp-nav-panel .otkp-nav-btn svg path,.otkp-nav-panel .otkp-nav-inline-action svg path{vector-effect:non-scaling-stroke}
.otkp-nav-main{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:9px;padding:4px 9px;min-height:64px}
.otkp-nav-maneuver{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:color-mix(in srgb,var(--nav-icon) 12%,var(--nav-bg));border:1px solid color-mix(in srgb,var(--nav-icon) 28%,var(--nav-line));color:var(--nav-icon)}
.otkp-nav-maneuver svg{width:32px;height:32px;stroke-width:2.2}
.otkp-nav-message{min-width:0;display:grid;align-content:center;gap:2px}
.otkp-nav-status{display:inline-flex;width:max-content;max-width:100%;align-items:center;gap:5px;font-size:9px;line-height:1.15;font-weight:900;letter-spacing:.065em;text-transform:uppercase;color:#42677d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.otkp-nav-status:before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#7794a4;box-shadow:0 0 0 3px color-mix(in srgb,#7794a4 15%,transparent)}
.otkp-nav-status[data-tone="ok"]{color:#197343}.otkp-nav-status[data-tone="ok"]:before{background:#28a15e;box-shadow:0 0 0 3px rgba(40,161,94,.14)}
.otkp-nav-status[data-tone="warn"],.otkp-nav-status[data-tone="loading"]{color:#96600a}.otkp-nav-status[data-tone="warn"]:before,.otkp-nav-status[data-tone="loading"]:before{background:#dfa31f;box-shadow:0 0 0 3px rgba(223,163,31,.15)}
.otkp-nav-status[data-tone="error"]{color:#a12c2c}.otkp-nav-status[data-tone="error"]:before{background:#cf4141;box-shadow:0 0 0 3px rgba(207,65,65,.14)}
.otkp-field-v2[data-field-theme="dark"] .otkp-nav-status{color:#b9cbc5}.otkp-field-v2[data-field-theme="dark"] .otkp-nav-status[data-tone="ok"]{color:#8fdbac}.otkp-field-v2[data-field-theme="dark"] .otkp-nav-status[data-tone="warn"],.otkp-field-v2[data-field-theme="dark"] .otkp-nav-status[data-tone="loading"]{color:#f0c56d}.otkp-field-v2[data-field-theme="dark"] .otkp-nav-status[data-tone="error"]{color:#ff9d9d}
.otkp-nav-title{min-width:0;font-size:18px;line-height:1.22;font-weight:760;color:var(--nav-text);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.otkp-nav-subtitle{min-width:0;font-size:11.5px;line-height:1.25;color:var(--nav-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.otkp-nav-collapse-summary{font-size:11px;font-weight:800;color:var(--nav-muted);white-space:nowrap}
.otkp-nav-inline-action,.otkp-nav-collapse,.otkp-nav-btn{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.otkp-nav-inline-action{min-height:38px;padding:0 12px;border:1px solid color-mix(in srgb,var(--nav-primary) 45%,var(--nav-line));border-radius:10px;background:color-mix(in srgb,var(--nav-primary) 10%,var(--nav-bg));color:var(--nav-primary);font-size:11px;font-weight:850;white-space:nowrap}
.otkp-nav-collapse{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--nav-line);border-radius:10px;background:var(--nav-bg-2);color:var(--nav-text)}
.otkp-nav-collapse svg{transition:transform .18s ease}.otkp-nav-panel.is-collapsed .otkp-nav-collapse svg{transform:rotate(180deg)}
.otkp-nav-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 9px 4px;border-top:1px solid color-mix(in srgb,var(--nav-line) 78%,transparent)}
.otkp-nav-stats{display:flex;align-items:stretch;gap:6px;min-width:0}
.otkp-nav-stats>div{min-width:88px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--nav-line) 78%,transparent);border-radius:9px;background:var(--nav-bg-2);display:grid;gap:0;text-align:left}
.otkp-nav-stats small{font-size:8.5px;line-height:1.15;text-transform:uppercase;letter-spacing:.045em;color:var(--nav-muted)}
.otkp-nav-stats strong{font-size:14.5px;line-height:1.2;color:var(--nav-text);font-weight:850;white-space:nowrap}
.otkp-nav-controls{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}
.otkp-nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;min-width:44px;padding:0 13px;border:1px solid var(--nav-line);border-radius:10px;background:var(--nav-bg-2);color:var(--nav-text);font-size:11px;font-weight:850;white-space:nowrap}
.otkp-nav-btn svg{width:15px;height:15px}.otkp-nav-btn.is-primary{background:var(--nav-primary);border-color:var(--nav-primary);color:#fff}.otkp-nav-btn.is-warning{background:#fff7e8;border-color:#e5bd73;color:#805111}.otkp-nav-btn.is-danger{background:color-mix(in srgb,#d54848 7%,var(--nav-bg));border-color:color-mix(in srgb,#d54848 40%,var(--nav-line));color:var(--nav-danger)}
.otkp-field-v2[data-field-theme="dark"] .otkp-nav-btn.is-warning{background:#493717;border-color:#76582d;color:#f3cc7d}.otkp-field-v2[data-field-theme="dark"] .otkp-nav-btn.is-danger{background:#3e2225;border-color:#724146;color:#ffaaaa}
.otkp-nav-btn:focus-visible,.otkp-nav-inline-action:focus-visible,.otkp-nav-collapse:focus-visible{outline:3px solid color-mix(in srgb,var(--nav-icon) 34%,transparent);outline-offset:2px}
.otkp-nav-panel.is-active .otkp-nav-maneuver{background:color-mix(in srgb,var(--nav-primary) 13%,var(--nav-bg));color:var(--nav-primary);border-color:color-mix(in srgb,var(--nav-primary) 35%,var(--nav-line))}
.otkp-nav-panel.is-offroute .otkp-nav-maneuver,.otkp-nav-panel.is-error .otkp-nav-maneuver{background:color-mix(in srgb,#d54848 10%,var(--nav-bg));color:#bd3434;border-color:color-mix(in srgb,#d54848 38%,var(--nav-line))}
.otkp-nav-panel.is-finished .otkp-nav-maneuver{background:color-mix(in srgb,var(--nav-primary) 13%,var(--nav-bg));color:var(--nav-primary)}
.otkp-nav-panel.is-collapsed{width:min(760px,calc(100% - 120px))}
.otkp-nav-panel.is-collapsed .otkp-nav-main{grid-template-columns:46px minmax(0,1fr) 38px;min-height:58px;padding:6px 8px}.otkp-nav-panel.is-collapsed .otkp-nav-maneuver{width:46px;height:46px;border-radius:12px}.otkp-nav-panel.is-collapsed .otkp-nav-maneuver svg{width:27px;height:27px}.otkp-nav-panel.is-collapsed .otkp-nav-status,.otkp-nav-panel.is-collapsed .otkp-nav-subtitle,.otkp-nav-panel.is-collapsed .otkp-nav-bottom,.otkp-nav-panel.is-collapsed .otkp-nav-inline-action{display:none!important}.otkp-nav-panel.is-collapsed .otkp-nav-title{font-size:15px;-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis}.otkp-nav-panel.is-collapsed .otkp-nav-collapse-summary{display:block!important;margin-top:2px}
.otkp-nav-panel.is-idle .otkp-nav-main{min-height:68px}.otkp-nav-panel.is-idle .otkp-nav-title{font-size:16px}.otkp-nav-panel.is-idle .otkp-nav-subtitle{font-size:10.5px}
.otkp-field-v2:fullscreen .otkp-nav-panel,.otkp-field-fallback-fullscreen .otkp-nav-panel{top:calc(68px + var(--otkp-safe-top));left:calc(12px + var(--otkp-safe-left));width:min(820px,calc(100% - 120px - var(--otkp-safe-left) - var(--otkp-safe-right)));max-width:820px;z-index:1100}
.otkp-field-nav-start{background:#168247!important;color:#fff!important;border-color:#168247!important;font-weight:850!important}.otkp-field-nav-stop{background:#fff2f2!important;color:#a22424!important;border-color:#e5b5b5!important;font-weight:800!important}.otkp-field-trip-actions{flex-wrap:wrap}.otkp-field-trip-actions [data-field-nav-start]{order:-1;flex:1 1 170px}.otkp-field-trip-actions [data-field-nav-stop]{order:-1;flex:1 1 170px}

@media(max-width:1199px){
  .otkp-nav-panel{top:10px;left:10px;width:calc(100% - 80px);max-width:none}
  .otkp-nav-main{grid-template-columns:52px minmax(0,1fr) auto;min-height:62px;padding:5px 8px}.otkp-nav-maneuver{width:52px;height:52px}.otkp-nav-maneuver svg{width:30px;height:30px}.otkp-nav-title{font-size:16px}.otkp-nav-bottom{gap:7px}.otkp-nav-stats>div{min-width:78px;padding:5px 7px}.otkp-nav-btn{padding:0 11px}
  .otkp-field-v2:fullscreen .otkp-nav-panel,.otkp-field-fallback-fullscreen .otkp-nav-panel{left:calc(10px + var(--otkp-safe-left));width:calc(100% - 80px - var(--otkp-safe-left) - var(--otkp-safe-right))}
}
@media(max-width:767px){
  .otkp-nav-panel{top:8px;left:8px;right:8px;width:auto;max-width:none;border-radius:14px}
  .otkp-nav-main{grid-template-columns:46px minmax(0,1fr) auto;gap:7px;min-height:56px;padding:5px 7px}.otkp-nav-maneuver{width:46px;height:46px;border-radius:12px}.otkp-nav-maneuver svg{width:27px;height:27px}.otkp-nav-title{font-size:13.5px;line-height:1.18}.otkp-nav-subtitle{display:none}.otkp-nav-panel.is-idle .otkp-nav-main{min-height:64px}.otkp-nav-panel.is-idle .otkp-nav-subtitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:10px}.otkp-nav-status{font-size:8px}.otkp-nav-inline-action{min-height:44px;padding:0 10px;font-size:10px}.otkp-nav-collapse{width:44px;height:44px}.otkp-nav-bottom{display:grid;grid-template-columns:1fr;gap:3px;padding:3px 6px 4px}.otkp-nav-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.otkp-nav-stats>div{min-width:0;padding:2px 5px}.otkp-nav-stats strong{font-size:12.5px}.otkp-nav-controls{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:5px}.otkp-nav-btn{height:44px;padding:0 9px;font-size:10.5px}.otkp-nav-panel.is-collapsed{left:8px;right:8px;width:auto}.otkp-nav-panel.is-collapsed .otkp-nav-main{grid-template-columns:44px minmax(0,1fr) 44px;min-height:56px}.otkp-nav-panel.is-collapsed .otkp-nav-maneuver{width:44px;height:44px}.otkp-nav-panel.is-collapsed .otkp-nav-title{font-size:13.5px}.otkp-field-v2:fullscreen .otkp-nav-panel,.otkp-field-fallback-fullscreen .otkp-nav-panel{top:calc(62px + var(--otkp-safe-top));left:calc(8px + var(--otkp-safe-left));right:calc(8px + var(--otkp-safe-right));width:auto;max-width:none}
}
@media(max-width:430px){
  .otkp-nav-main{grid-template-columns:46px minmax(0,1fr) auto}.otkp-nav-panel.is-idle .otkp-nav-subtitle{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.otkp-nav-inline-action{max-width:88px;white-space:normal;line-height:1.1}.otkp-nav-bottom{padding-top:5px}.otkp-nav-stats small{font-size:7.5px}.otkp-nav-stats strong{font-size:12.5px}.otkp-nav-btn span{overflow:hidden;text-overflow:ellipsis}.otkp-nav-btn svg{width:14px;height:14px}}
@media(max-width:379px){
  .otkp-nav-main{grid-template-columns:44px minmax(0,1fr) auto;gap:6px;padding:6px}.otkp-nav-maneuver{width:44px;height:44px}.otkp-nav-inline-action{max-width:78px;padding:0 7px}.otkp-nav-title{font-size:14px}.otkp-nav-subtitle{font-size:10px}.otkp-nav-stats>div{padding:4px 5px}.otkp-nav-btn{padding:0 7px}
}
@media(orientation:landscape) and (max-height:520px){
  .otkp-field-v2:fullscreen .otkp-nav-panel,.otkp-field-fallback-fullscreen .otkp-nav-panel{top:calc(58px + var(--otkp-safe-top));left:calc(8px + var(--otkp-safe-left));right:auto;width:min(680px,calc(72vw - var(--otkp-safe-left)));max-width:none}.otkp-nav-panel .otkp-nav-subtitle{display:none}.otkp-nav-main{grid-template-columns:44px minmax(0,1fr) auto;min-height:50px;padding:3px 7px;gap:7px}.otkp-nav-maneuver{width:44px;height:44px;border-radius:12px}.otkp-nav-maneuver svg{width:27px;height:27px}.otkp-nav-bottom{padding-top:3px;padding-bottom:3px}
}
@media(prefers-reduced-motion:reduce){.otkp-nav-panel,.otkp-nav-collapse svg{transition:none!important}}

/* ==========================================================================
   OdpocznijTu 7.0.1.14 — BAZA REGIONU: Card Controls & Details Rebuild
   - fotografie oraz ikony są ładowane wyłącznie z relatywnych URL-i CSS,
     niezależnych od konfiguracji runtime WordPressa;
   - Standard i Kompakt mają odrębne, stabilne układy;
   - poprawiona czytelność dolnych paneli Trybu terenowego.
   ========================================================================== */
.otkp-field-v2 .otkp-field-regional{
  --region-bg:#061b29;--region-panel:#0b2835;--region-panel-2:#0e303e;--region-line:#1b5263;--region-text:#f5fbff;--region-muted:#a9c0ca;--region-cyan:#19d7d8;
  display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:24px!important;margin:0!important;
  border:1px solid #174758!important;border-radius:22px!important;background:radial-gradient(circle at 75% 0%,rgba(20,154,163,.12),transparent 38%),linear-gradient(180deg,#061b29 0%,#071e2b 100%)!important;
  box-shadow:0 18px 48px rgba(0,17,27,.23)!important;overflow:visible!important;color:var(--region-text)!important;
}
.otkp-field-v2 .otkp-region-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(500px,1.08fr)!important;gap:28px!important;align-items:center!important;margin:0 0 18px!important}
.otkp-field-v2 .otkp-field-regional-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;margin:0!important;min-width:0!important}
.otkp-field-v2 .otkp-field-regional-head>div{min-width:0!important}.otkp-field-v2 .otkp-field-regional-head small{display:block!important;margin:0 0 6px!important;color:var(--region-cyan)!important;font-size:10.5px!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important}
.otkp-field-v2 .otkp-field-regional-head h3{margin:0!important;color:#fff!important;font-size:35px!important;font-weight:850!important;line-height:1.08!important;letter-spacing:-.035em!important}.otkp-field-v2 .otkp-field-regional-head h3 em{font-style:normal!important;color:var(--region-cyan)!important}
.otkp-field-v2 .otkp-field-regional-head p{margin:8px 0 0!important;max-width:650px!important;color:var(--region-muted)!important;font-size:13.5px!important;line-height:1.5!important}.otkp-field-v2 .otkp-field-regional-head>span{align-self:flex-start!important;margin-top:8px!important;padding:7px 11px!important;border:1px solid rgba(25,215,216,.2)!important;border-radius:999px!important;background:rgba(11,51,62,.68)!important;color:#c6e4e9!important;font-size:11.5px!important;font-weight:850!important;white-space:nowrap!important}
.otkp-field-v2 .otkp-region-head-tools{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:16px!important;align-items:center!important;min-width:0!important}
.otkp-field-v2 .otkp-region-search{display:grid!important;grid-template-columns:28px minmax(0,1fr) 34px!important;align-items:center!important;gap:6px!important;width:100%!important;height:52px!important;min-height:52px!important;margin:0!important;padding:0 10px 0 13px!important;border:1px solid #245266!important;border-radius:12px!important;background:#061923!important;color:#83a9b7!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important}
.otkp-field-v2 .otkp-region-search>span{font-size:23px!important;color:#8aa9b7!important;line-height:1!important}.otkp-field-v2 .otkp-region-search input{width:100%!important;height:46px!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;font-size:14px!important;box-shadow:none!important}.otkp-field-v2 .otkp-region-search input::placeholder{color:#7895a1!important;opacity:1!important}.otkp-field-v2 .otkp-region-search button{width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#7696a4!important;font-size:19px!important}
.otkp-field-v2 .otkp-region-view-switch{display:flex!important;align-items:center!important;gap:3px!important;padding:4px!important;border:1px solid #153f50!important;border-radius:12px!important;background:#0a2230!important;white-space:nowrap!important}.otkp-field-v2 .otkp-region-view-switch button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:42px!important;padding:8px 15px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:#9bb4be!important;font-size:12.5px!important;font-weight:850!important;cursor:pointer!important}.otkp-field-v2 .otkp-region-view-switch button>span{font-size:17px!important;line-height:1!important}.otkp-field-v2 .otkp-region-view-switch button strong{font:inherit!important}.otkp-field-v2 .otkp-region-view-switch button.is-active{border-color:#0ca6ad!important;background:#0a3946!important;color:#fff!important;box-shadow:0 0 0 1px rgba(18,215,216,.08) inset!important}
.otkp-field-v2 .otkp-region-kpis{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;clip-path:inset(50%)!important}

/* Toolbar */
.otkp-field-v2 .otkp-region-filterbar{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;min-width:0!important;margin:0 0 20px!important}
.otkp-field-v2 .otkp-field-regional-filters{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;flex-wrap:wrap!important}.otkp-field-v2 .otkp-field-regional-filters button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:44px!important;padding:8px 14px!important;border:1px solid #214858!important;border-radius:11px!important;background:#0b2634!important;color:#e7f0f3!important;font-size:12.5px!important;font-weight:850!important;white-space:nowrap!important;cursor:pointer!important}.otkp-field-v2 .otkp-field-regional-filters button>span{display:inline-grid!important;place-items:center!important;width:24px!important;height:24px!important;flex:0 0 24px!important;font-size:17px!important;line-height:1!important;color:var(--filter-accent,#19d7d8)!important;background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important;border-radius:7px!important;overflow:hidden!important}
.otkp-field-v2 .otkp-field-regional-filters button[data-field-regional-filter="walk"]{--filter-accent:#22d35e}.otkp-field-v2 .otkp-field-regional-filters button[data-field-regional-filter="bike"]{--filter-accent:#ff9518}.otkp-field-v2 .otkp-field-regional-filters button[data-field-regional-filter="nordic"]{--filter-accent:#168cff}.otkp-field-v2 .otkp-field-regional-filters button[data-field-regional-filter="kayak"]{--filter-accent:#19a7c7}
.otkp-field-v2 .otkp-field-regional-filters button[data-field-regional-filter="walk"]>span{font-size:0!important;background-image:url("art/trail-types/walk.webp")!important}.otkp-field-v2 .otkp-field-regional-filters button[data-field-regional-filter="bike"]>span{font-size:0!important;background-image:url("art/trail-types/bike.webp")!important}.otkp-field-v2 .otkp-field-regional-filters button[data-field-regional-filter="nordic"]>span{font-size:0!important;background-image:url("art/trail-types/nordic.webp")!important}.otkp-field-v2 .otkp-field-regional-filters button[data-field-regional-filter="kayak"]>span{font-size:0!important;background-image:url("route-pack-v1.0.2/icons/kayak.webp")!important;background-size:contain!important}
.otkp-field-v2 .otkp-field-regional-filters button.is-active{border-color:#0ea8b1!important;background:#0b3947!important;color:#fff!important;box-shadow:0 0 0 1px rgba(18,215,216,.12) inset!important}
.otkp-field-v2 .otkp-region-filter-select,.otkp-field-v2 .otkp-region-sort,.otkp-field-v2 .otkp-region-more-filters summary{display:flex!important;align-items:center!important;min-height:44px!important;border:1px solid #214858!important;border-radius:11px!important;background:#0b2634!important;color:#e3eef2!important;font-size:12px!important;font-weight:800!important}.otkp-field-v2 .otkp-region-filter-select{padding:0 9px!important}.otkp-field-v2 .otkp-region-filter-select select,.otkp-field-v2 .otkp-region-sort select{min-height:40px!important;border:0!important;outline:0!important;background:transparent!important;color:#e3eef2!important;font-size:12px!important;font-weight:800!important}.otkp-field-v2 .otkp-region-sort{margin-left:auto!important;padding:0 9px!important;min-height:44px!important;border:1px solid #214858!important;border-radius:11px!important;background:#0b2634!important;color:#e3eef2!important}.otkp-field-v2 .otkp-region-more-filters{position:relative!important}.otkp-field-v2 .otkp-region-more-filters summary{padding:0 12px!important;cursor:pointer!important;list-style:none!important}.otkp-field-v2 .otkp-region-more-filters summary::-webkit-details-marker{display:none}.otkp-field-v2 .otkp-region-more-filters>div{position:absolute!important;z-index:30!important;top:calc(100% + 7px)!important;right:0!important;width:280px!important;padding:12px!important;border:1px solid #245266!important;border-radius:12px!important;background:#092331!important;box-shadow:0 14px 34px rgba(0,0,0,.34)!important}

/* Lista */
.otkp-field-v2 .otkp-field-regional-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important;width:100%!important;max-height:980px!important;padding:0 4px 4px 0!important;margin:0!important;overflow:auto!important;align-items:stretch!important;scrollbar-gutter:stable!important}
.otkp-field-v2 .otkp-regional-trail{position:relative!important;display:block!important;min-width:0!important;height:auto!important;min-height:330px!important;align-self:stretch!important;margin:0!important;padding:0!important;border:1px solid #1d4a5b!important;border-left:5px solid var(--activity)!important;border-radius:17px!important;background:#092532!important;box-shadow:0 11px 30px rgba(0,0,0,.25)!important;overflow:hidden!important;isolation:isolate!important;transform:none!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.otkp-field-v2 .otkp-regional-trail:hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--activity) 60%,#1d4a5b)!important;box-shadow:0 15px 35px rgba(0,0,0,.31)!important}.otkp-field-v2 .otkp-regional-trail.is-selected{border-color:var(--activity)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--activity) 30%,transparent),0 16px 35px rgba(0,0,0,.28)!important}

/* Fotografia: osobny element, relatywne adresy CSS = brak zależności od artBaseUrl/runtime. */
.otkp-field-v2 .otkp-regional-card-photo{position:absolute!important;z-index:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;display:block!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important;opacity:1!important;filter:saturate(1.08) contrast(1.04)!important;transform:scale(1.002)!important}
.otkp-field-v2 .otkp-regional-card-photo.art-forest-path{background-image:url("art/trails/forest-path.webp")!important}.otkp-field-v2 .otkp-regional-card-photo.art-bike-vistula{background-image:url("art/trails/bike-vistula-sunset.webp")!important}.otkp-field-v2 .otkp-regional-card-photo.art-kazimierz-aerial{background-image:url("art/trails/kazimierz-aerial.webp")!important}.otkp-field-v2 .otkp-regional-card-photo.art-loess-ravine{background-image:url("art/trails/loess-ravine.webp")!important}.otkp-field-v2 .otkp-regional-card-photo.art-memorial-forest{background-image:url("art/trails/memorial-forest.webp")!important}.otkp-field-v2 .otkp-regional-card-photo.art-root-ravine{background-image:url("art/trails/root-ravine.webp")!important}.otkp-field-v2 .otkp-regional-card-photo.art-upland-sunset{background-image:url("art/trails/upland-sunset.webp")!important}.otkp-field-v2 .otkp-regional-card-photo.art-vistula-riverside{background-image:url("art/trails/vistula-riverside.webp")!important}
.otkp-field-v2 .otkp-regional-card-shade{position:absolute!important;z-index:1!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;display:block!important;pointer-events:none!important;background:linear-gradient(0deg,rgba(2,17,25,.46) 0%,rgba(2,17,25,0) 46%),linear-gradient(90deg,#061d29 0%,rgba(6,29,41,.98) 34%,rgba(6,29,41,.86) 47%,rgba(6,29,41,.50) 63%,rgba(6,29,41,.16) 82%,rgba(6,29,41,.02) 100%)!important}
.otkp-field-v2 .otkp-regional-card-content{position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;gap:10px!important;height:auto!important;min-height:330px!important;box-sizing:border-box!important;padding:18px!important}

/* Ikony typów: osobny background CSS; kolorowy fallback uniemożliwia czarny pusty kwadrat. */
.otkp-field-v2 .otkp-regional-card-head{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;gap:14px!important;align-items:start!important;max-width:68%!important;min-width:0!important;padding-right:0!important}
.otkp-field-v2 .otkp-regional-type-icon{width:88px!important;height:88px!important;display:block!important;border:0!important;border-radius:19px!important;background:transparent!important;box-shadow:0 10px 24px rgba(0,0,0,.22)!important;overflow:hidden!important}
.otkp-field-v2 .otkp-regional-type-image{display:block!important;width:100%!important;height:100%!important;border-radius:inherit!important;background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important}
.otkp-field-v2 .otkp-regional-type-image.is-walk{background-image:url("art/trail-types/walk.webp"),linear-gradient(145deg,#37d66c,#07893c)!important}.otkp-field-v2 .otkp-regional-type-image.is-bike{background-image:url("art/trail-types/bike.webp"),linear-gradient(145deg,#ffb22a,#e46c00)!important}.otkp-field-v2 .otkp-regional-type-image.is-nordic{background-image:url("art/trail-types/nordic.webp"),linear-gradient(145deg,#35a8ff,#075cca)!important}.otkp-field-v2 .otkp-regional-type-image.is-kayak{background-image:url("route-pack-v1.0.2/icons/kayak.webp"),linear-gradient(145deg,#28cbe4,#087ea0)!important;background-size:72%,cover!important}
.otkp-field-v2 .otkp-regional-type-icon img,.otkp-field-v2 .otkp-regional-type-icon>svg{display:none!important}
.otkp-field-v2 .otkp-regional-identity{display:grid!important;align-content:start!important;gap:6px!important;min-width:0!important}.otkp-field-v2 .otkp-regional-type-label{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;color:var(--activity)!important;line-height:1.05!important}.otkp-field-v2 .otkp-regional-type-label strong{font-size:13px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.025em!important;color:var(--activity)!important}.otkp-field-v2 .otkp-regional-type-label small{font-size:10.5px!important;font-weight:750!important;color:#b3c6cd!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.otkp-field-v2 .otkp-regional-trail-main{display:block!important;width:100%!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;text-align:left!important;cursor:pointer!important;color:inherit!important}.otkp-field-v2 .otkp-regional-trail-main>strong{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;line-clamp:2!important;white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;max-width:100%!important;max-height:2.28em!important;margin:0!important;color:#fff!important;font-size:25px!important;font-weight:880!important;line-height:1.14!important;letter-spacing:-.024em!important;text-shadow:0 2px 13px rgba(0,0,0,.36)!important;overflow-wrap:anywhere!important}
.otkp-field-v2 .otkp-trail-status{position:absolute!important;top:16px!important;right:16px!important;z-index:3!important;display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:36px!important;padding:7px 12px!important;border-radius:999px!important;font-size:12.5px!important;font-weight:900!important;white-space:nowrap!important;box-shadow:0 6px 16px rgba(0,0,0,.20)!important}.otkp-field-v2 .otkp-trail-status svg{width:16px!important;height:16px!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important}.otkp-field-v2 .otkp-trail-status.is-ready{background:#117a43!important;color:#ecfff2!important}.otkp-field-v2 .otkp-trail-status.is-verified{background:#2e78aa!important;color:#f0fbff!important}.otkp-field-v2 .otkp-trail-status.is-pending{background:#856022!important;color:#fff4d5!important}
.otkp-field-v2 .otkp-regional-chips{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;width:67%!important;min-width:0!important;margin:0!important;padding-left:102px!important}.otkp-field-v2 .otkp-regional-chip{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:35px!important;padding:6px 10px!important;border:1px solid rgba(141,187,202,.28)!important;border-radius:9px!important;background:rgba(4,25,35,.76)!important;color:#f4fbfd!important;backdrop-filter:blur(5px)!important}.otkp-field-v2 .otkp-regional-chip svg{width:16px!important;height:16px!important;flex:0 0 16px!important;stroke:#dbeff4!important}.otkp-field-v2 .otkp-regional-chip b{font-size:13px!important;font-weight:850!important;color:#fff!important;white-space:nowrap!important}.otkp-field-v2 .otkp-regional-location{display:flex!important;align-items:center!important;gap:6px!important;width:67%!important;padding-left:102px!important;color:#c4d5da!important;font-size:12.5px!important;line-height:1.3!important;min-width:0!important}.otkp-field-v2 .otkp-regional-location svg{width:15px!important;height:15px!important;flex:0 0 15px!important}.otkp-field-v2 .otkp-regional-location span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.otkp-field-v2 .otkp-regional-missing{display:flex!important;align-items:center!important;gap:8px!important;width:67%!important;margin:0 0 0 102px!important;padding:7px 10px!important;border:1px solid rgba(225,177,59,.34)!important;border-radius:9px!important;background:rgba(90,63,17,.38)!important;color:#f3d98f!important}.otkp-field-v2 .otkp-regional-missing strong{font-size:11.5px!important}.otkp-field-v2 .otkp-regional-missing span{font-size:10.5px!important;color:#d8c49a!important}
.otkp-field-v2 .otkp-regional-actions{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(0,.92fr) minmax(0,1.25fr) minmax(0,.72fr)!important;gap:8px!important;margin-top:auto!important;min-width:0!important}.otkp-field-v2 .otkp-regional-actions button,.otkp-field-v2 .otkp-regional-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:0!important;min-height:46px!important;padding:8px 10px!important;border:1px solid #2b5665!important;border-radius:10px!important;background:rgba(7,34,46,.88)!important;color:#f3fafc!important;font-size:12.5px!important;font-weight:900!important;text-decoration:none!important;white-space:normal!important;line-height:1.15!important;overflow:hidden!important;cursor:pointer!important;box-shadow:none!important}.otkp-field-v2 .otkp-regional-actions svg{width:17px!important;height:17px!important;flex:0 0 17px!important}.otkp-field-v2 .otkp-regional-actions .is-map{background:#0f7687!important;border-color:#1694a6!important;color:#fff!important}.otkp-field-v2 .otkp-regional-actions .is-start{background:var(--activity)!important;border-color:var(--activity)!important;color:#fff!important;box-shadow:0 7px 16px color-mix(in srgb,var(--activity) 22%,transparent)!important}.otkp-field-v2 .otkp-regional-actions .is-fetch{grid-column:1/4!important;background:#0f7687!important;border-color:#1694a6!important;color:#fff!important}.otkp-field-v2 .otkp-regional-trail.is-missing-geometry .otkp-regional-actions{grid-template-columns:minmax(0,1fr) minmax(0,.32fr)!important}.otkp-field-v2 .otkp-regional-trail.is-missing-geometry .otkp-regional-actions .is-fetch{grid-column:auto!important}
.otkp-field-v2 .otkp-regional-extra{position:absolute!important;z-index:8!important;left:14px!important;right:14px!important;bottom:70px!important;display:grid!important;gap:9px!important;padding:12px!important;border:1px solid #2b5665!important;border-radius:12px!important;background:rgba(5,27,38,.97)!important;box-shadow:0 14px 30px rgba(0,0,0,.34)!important}.otkp-field-v2 .otkp-regional-extra-facts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.otkp-field-v2 .otkp-regional-extra-facts>div{min-width:0!important}.otkp-field-v2 .otkp-regional-extra-facts span{display:block!important;color:#8faab5!important;font-size:9px!important;text-transform:uppercase!important}.otkp-field-v2 .otkp-regional-extra-facts strong{display:block!important;color:#fff!important;font-size:11px!important;overflow-wrap:anywhere!important}.otkp-field-v2 .otkp-regional-extra-actions{display:flex!important;gap:7px!important;flex-wrap:wrap!important}.otkp-field-v2 .otkp-regional-extra-actions button,.otkp-field-v2 .otkp-regional-extra-actions a{min-height:38px!important;padding:7px 10px!important;border:1px solid #315a69!important;border-radius:9px!important;background:#0b3140!important;color:#eff9fc!important;font-size:11px!important;font-weight:850!important;text-decoration:none!important}

/* KOMPAKT: 3 kolumny, faktycznie uproszczona zawartość, ale tytuł pozostaje dwuliniowy. */
.otkp-field-v2 .otkp-field-regional-list[data-view="compact"]{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;max-height:980px!important}
.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-trail{height:auto!important;min-height:280px!important;border-radius:14px!important}
.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-card-shade{background:linear-gradient(0deg,rgba(2,17,25,.48) 0%,rgba(2,17,25,0) 42%),linear-gradient(90deg,#061d29 0%,rgba(6,29,41,.98) 40%,rgba(6,29,41,.78) 57%,rgba(6,29,41,.28) 78%,rgba(6,29,41,.02) 100%)!important}
.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-card-content{gap:8px!important;min-height:280px!important;padding:13px!important}.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-card-head{grid-template-columns:64px minmax(0,1fr)!important;gap:10px!important;max-width:100%!important;padding-right:118px!important}.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-type-icon{width:64px!important;height:64px!important;border-radius:14px!important}.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-type-label{display:none!important}.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-trail-main>strong{font-size:20px!important;line-height:1.12!important;max-height:2.24em!important;-webkit-line-clamp:2!important;line-clamp:2!important;white-space:normal!important;text-shadow:0 2px 11px rgba(0,0,0,.35)!important}.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-trail-status{top:12px!important;right:12px!important;min-height:31px!important;padding:6px 9px!important;font-size:11px!important}.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-chips{width:100%!important;gap:6px!important;padding-left:74px!important;padding-right:0!important}.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-chip{min-height:32px!important;padding:5px 8px!important}.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-chip b{font-size:12px!important}.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-chip.is-near{display:none!important}.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-location{display:none!important}.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-missing{width:calc(100% - 74px)!important;margin-left:74px!important;padding:6px 8px!important}.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-missing span{display:none!important}.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-missing strong{font-size:11px!important}.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,.62fr)!important;gap:6px!important}.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-actions .is-plan{display:none!important}.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-actions button{min-height:42px!important;padding:6px 7px!important;font-size:11px!important}.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-trail.is-missing-geometry .otkp-regional-actions{grid-template-columns:minmax(0,1fr) minmax(0,.45fr)!important}

/* Jasny motyw: jasny kontener, fotograficzne karty pozostają kontrastowe. */
.otkp-field-v2[data-field-theme="light"] .otkp-field-regional{--region-text:#173b45;--region-muted:#607d86;background:linear-gradient(180deg,#f8fcfc,#eef7f7)!important;border-color:#c9dddf!important;color:#173b45!important;box-shadow:0 16px 44px rgba(19,73,80,.12)!important}.otkp-field-v2[data-field-theme="light"] .otkp-field-regional-head h3{color:#173b45!important}.otkp-field-v2[data-field-theme="light"] .otkp-field-regional-head>span{background:#e5f6f4!important;color:#285e64!important;border-color:#c9e6e5!important}.otkp-field-v2[data-field-theme="light"] .otkp-region-search,.otkp-field-v2[data-field-theme="light"] .otkp-region-view-switch,.otkp-field-v2[data-field-theme="light"] .otkp-field-regional-filters button,.otkp-field-v2[data-field-theme="light"] .otkp-region-filter-select,.otkp-field-v2[data-field-theme="light"] .otkp-region-sort,.otkp-field-v2[data-field-theme="light"] .otkp-region-more-filters summary{background:#fff!important;border-color:#c8dde0!important;color:#173b45!important}.otkp-field-v2[data-field-theme="light"] .otkp-region-search input,.otkp-field-v2[data-field-theme="light"] .otkp-region-filter-select select,.otkp-field-v2[data-field-theme="light"] .otkp-region-sort select{color:#173b45!important}.otkp-field-v2[data-field-theme="light"] .otkp-region-filter-select option,.otkp-field-v2[data-field-theme="light"] .otkp-region-sort option{background:#fff!important;color:#173b45!important}.otkp-field-v2[data-field-theme="light"] .otkp-region-view-switch button.is-active,.otkp-field-v2[data-field-theme="light"] .otkp-field-regional-filters button.is-active{background:#e3f8f6!important;color:#075c66!important;border-color:#2bb8bc!important}

/* Tablet / mniejszy desktop */
@media(max-width:1199px){.otkp-field-v2 .otkp-region-hero{grid-template-columns:1fr!important;gap:14px!important}.otkp-field-v2 .otkp-region-head-tools{grid-template-columns:minmax(0,1fr) auto!important}.otkp-field-v2 .otkp-field-regional-list,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:980px!important}.otkp-field-v2 .otkp-regional-trail{height:auto!important;min-height:320px!important}.otkp-field-v2 .otkp-regional-card-content{min-height:320px!important}.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-trail{height:auto!important;min-height:285px!important}.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-card-content{min-height:285px!important}}
@media(max-width:899px){.otkp-field-v2 .otkp-field-regional-list,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"]{grid-template-columns:1fr!important}.otkp-field-v2 .otkp-region-filterbar{display:grid!important;grid-template-columns:1fr 1fr!important}.otkp-field-v2 .otkp-field-regional-filters{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}.otkp-field-v2 .otkp-field-regional-filters button{width:100%!important}.otkp-field-v2 .otkp-region-sort{margin-left:0!important;width:100%!important}.otkp-field-v2 .otkp-region-filter-select{width:100%!important}}

/* Mobile: fotografia jest wyraźnym kadrem nad treścią. */
@media(max-width:767px){.otkp-field-v2 .otkp-field-regional{padding:14px!important;border-radius:16px!important}.otkp-field-v2 .otkp-field-regional-head{display:block!important}.otkp-field-v2 .otkp-field-regional-head h3{font-size:28px!important}.otkp-field-v2 .otkp-field-regional-head>span{display:inline-flex!important;margin-top:9px!important}.otkp-field-v2 .otkp-region-head-tools{grid-template-columns:1fr!important}.otkp-field-v2 .otkp-region-view-switch{justify-self:start!important;width:100%!important}.otkp-field-v2 .otkp-region-view-switch button{flex:1!important}.otkp-field-v2 .otkp-region-filterbar{grid-template-columns:1fr 1fr!important}.otkp-field-v2 .otkp-region-filter-select,.otkp-field-v2 .otkp-region-sort,.otkp-field-v2 .otkp-region-more-filters{width:100%!important}.otkp-field-v2 .otkp-region-more-filters>div{left:0!important;right:auto!important;width:min(280px,calc(100vw - 50px))!important}.otkp-field-v2 .otkp-regional-trail,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-trail{height:auto!important;min-height:520px!important}.otkp-field-v2 .otkp-regional-card-photo{top:0!important;right:0!important;bottom:auto!important;left:0!important;width:100%!important;height:178px!important;background-size:cover!important;background-position:center!important}.otkp-field-v2 .otkp-regional-card-shade,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-card-shade{background:linear-gradient(180deg,rgba(5,24,34,.03) 0%,rgba(5,24,34,.08) 24%,rgba(8,37,51,.82) 31%,#082533 39%,#082533 100%)!important}.otkp-field-v2 .otkp-regional-card-content,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-card-content{height:auto!important;min-height:520px!important;padding:188px 13px 13px!important;gap:10px!important}.otkp-field-v2 .otkp-regional-card-head,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-card-head{grid-template-columns:74px minmax(0,1fr)!important;gap:11px!important;max-width:100%!important;padding-right:112px!important}.otkp-field-v2 .otkp-regional-type-icon,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-type-icon{width:74px!important;height:74px!important;border-radius:16px!important}.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-type-label{display:flex!important}.otkp-field-v2 .otkp-regional-type-label strong{font-size:11.5px!important}.otkp-field-v2 .otkp-regional-type-label small{font-size:9px!important}.otkp-field-v2 .otkp-trail-status,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-trail-status{top:190px!important;right:12px!important;min-height:31px!important;padding:5px 9px!important;font-size:10.5px!important}.otkp-field-v2 .otkp-regional-trail-main>strong,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-trail-main>strong{font-size:21px!important;line-height:1.14!important;max-height:2.28em!important;-webkit-line-clamp:2!important;line-clamp:2!important;white-space:normal!important;text-shadow:none!important}.otkp-field-v2 .otkp-regional-chips,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-chips{width:100%!important;padding-left:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.otkp-field-v2 .otkp-regional-chip{justify-content:flex-start!important;min-width:0!important;min-height:38px!important;padding:6px 9px!important}.otkp-field-v2 .otkp-regional-chip b{font-size:12px!important;overflow:hidden!important;text-overflow:ellipsis!important}.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-chip.is-near{display:none!important}.otkp-field-v2 .otkp-regional-location{display:flex!important;width:100%!important;padding-left:0!important}.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-location{display:none!important}.otkp-field-v2 .otkp-regional-missing,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-missing{width:100%!important;margin-left:0!important;padding:7px 9px!important}.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-missing span{display:none!important}.otkp-field-v2 .otkp-regional-actions,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-actions{grid-template-columns:1fr 1fr!important;gap:8px!important}.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-actions .is-plan{display:none!important}.otkp-field-v2 .otkp-regional-actions button,.otkp-field-v2 .otkp-regional-actions a,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-actions button{min-height:46px!important;padding:8px!important;font-size:11.5px!important;white-space:normal!important}.otkp-field-v2 .otkp-regional-trail.is-missing-geometry .otkp-regional-actions,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-trail.is-missing-geometry .otkp-regional-actions{grid-template-columns:1fr!important}.otkp-field-v2 .otkp-regional-extra{position:static!important;margin-top:2px!important}.otkp-field-v2 .otkp-regional-extra-facts{grid-template-columns:1fr 1fr!important}}
@media(max-width:430px){.otkp-field-v2 .otkp-region-filterbar{grid-template-columns:1fr!important}.otkp-field-v2 .otkp-field-regional-filters{grid-template-columns:1fr 1fr!important}.otkp-field-v2 .otkp-region-sort{grid-column:1/-1!important}.otkp-field-v2 .otkp-region-more-filters{grid-column:1/-1!important}.otkp-field-v2 .otkp-regional-trail,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-trail{min-height:540px!important}.otkp-field-v2 .otkp-regional-card-content,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-card-content{min-height:540px!important}.otkp-field-v2 .otkp-regional-extra-facts{grid-template-columns:1fr!important}}

/* Czytelność paneli poniżej BAZY REGIONU. */
.otkp-field-v2>.otkp-field-metrics article{padding:11px 13px!important}.otkp-field-v2>.otkp-field-metrics small{font-size:9.5px!important;line-height:1.2!important}.otkp-field-v2>.otkp-field-metrics strong{font-size:14px!important;line-height:1.25!important}.otkp-field-v2 .otkp-field-panels h3,.otkp-field-v2 .otkp-field-grid h3{font-size:15px!important;margin-bottom:10px!important}.otkp-field-v2 .otkp-field-nearby-card>button:first-child strong{font-size:13px!important}.otkp-field-v2 .otkp-field-nearby-card>button:first-child small{font-size:10.5px!important}.otkp-field-v2 .otkp-field-nearby-card>button:first-child span{font-size:9.5px!important}.otkp-field-v2 .otkp-field-add{font-size:11.5px!important;min-height:40px!important}.otkp-field-v2 .otkp-field-trip .otkp-empty,.otkp-field-v2 .otkp-field-selected-panel .otkp-empty{font-size:11.5px!important}.otkp-field-v2 .otkp-field-legend span{font-size:10.5px!important}.otkp-field-v2 .otkp-field-gps-summary>span{font-size:10.5px!important}.otkp-field-v2 .otkp-field-gps-summary small{font-size:8.5px!important}.otkp-field-v2 .otkp-field-gps-summary strong{font-size:11.5px!important}.otkp-field-v2 .otkp-field-safety small{font-size:10.5px!important;line-height:1.5!important}.otkp-field-v2 .otkp-field-trip-actions button,.otkp-field-v2 .otkp-field-safety button{font-size:10.5px!important;min-height:38px!important}

/* Reset pozostałości starszych układów w obrębie BAZY REGIONU. */
.otkp-field-v2 .otkp-region-hero .otkp-field-regional-head,.otkp-field-v2 .otkp-region-hero .otkp-region-search,.otkp-field-v2 .otkp-region-filterbar .otkp-field-regional-filters,.otkp-field-v2 .otkp-region-filterbar .otkp-region-sort,.otkp-field-v2 .otkp-region-filterbar .otkp-region-filter-select,.otkp-field-v2 .otkp-region-filterbar .otkp-region-more-filters{grid-area:auto!important}.otkp-field-v2 .otkp-regional-actions .is-map,.otkp-field-v2 .otkp-regional-actions .is-plan,.otkp-field-v2 .otkp-regional-actions .is-start,.otkp-field-v2 .otkp-regional-actions .is-details,.otkp-field-v2 .otkp-regional-actions .is-fetch{grid-column:auto!important;grid-row:auto!important;flex:none!important}.otkp-field-v2 .otkp-regional-card-content>.otkp-regional-actions{grid-column:auto!important;grid-row:auto!important}.otkp-field-v2 .otkp-trail-status span,.otkp-field-v2 .otkp-regional-actions button span,.otkp-field-v2 .otkp-regional-actions a span{color:inherit!important;font:inherit!important}
@media(prefers-reduced-motion:reduce){.otkp-field-v2 .otkp-regional-trail,.otkp-field-v2 .otkp-regional-actions button{transition:none!important}}


/* =============================================================
   OdpocznijTu 7.0.1.14 — spójny system akcji, szczegółów i braków geometrii
   ============================================================= */
.otkp-field-v2 .otkp-regional-card-head{grid-template-columns:88px minmax(0,1fr)!important;max-width:72%!important}
.otkp-field-v2 .otkp-regional-identity{gap:8px!important}
.otkp-field-v2 .otkp-regional-identity-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-width:0!important}
.otkp-field-v2 .otkp-regional-identity-top .otkp-regional-type-label{flex:1 1 auto!important;min-width:0!important}
.otkp-field-v2 .otkp-trail-status{position:static!important;top:auto!important;right:auto!important;flex:0 0 auto!important;min-height:34px!important;padding:6px 10px!important;font-size:11.5px!important;box-shadow:0 5px 14px rgba(0,0,0,.18)!important}
.otkp-field-v2 .otkp-regional-trail-main>strong{font-size:24px!important;line-height:1.16!important;max-height:2.32em!important;-webkit-line-clamp:2!important;line-clamp:2!important;white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;overflow-wrap:normal!important;word-break:normal!important}

/* Wspólny język ikon i przycisków. */
.otkp-field-v2 .otkp-regional-actions{gap:9px!important}
.otkp-field-v2 .otkp-regional-actions button,.otkp-field-v2 .otkp-regional-actions a{min-height:46px!important;border-radius:11px!important;font-size:12.5px!important;line-height:1.2!important;letter-spacing:.005em!important;transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease!important}
.otkp-field-v2 .otkp-regional-actions button:hover,.otkp-field-v2 .otkp-regional-actions a:hover{transform:translateY(-1px)!important}
.otkp-field-v2 .otkp-regional-actions svg,.otkp-field-v2 .otkp-regional-extra-actions svg{width:18px!important;height:18px!important;flex:0 0 18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;color:inherit!important;opacity:1!important}
.otkp-field-v2 .otkp-regional-actions .is-start svg path{fill:currentColor!important;stroke:none!important}
.otkp-field-v2 .otkp-regional-actions .is-details svg circle{fill:currentColor!important;stroke:none!important}
.otkp-field-v2 .otkp-regional-actions .is-map{background:linear-gradient(180deg,#1192a4,#087486)!important;border-color:#25a9b9!important;color:#fff!important;box-shadow:0 6px 14px rgba(8,116,134,.18)!important}
.otkp-field-v2 .otkp-regional-actions .is-plan{background:rgba(7,34,46,.82)!important;border-color:#3a6170!important;color:#f3fafc!important}
.otkp-field-v2 .otkp-regional-actions .is-start{background:linear-gradient(180deg,color-mix(in srgb,var(--activity) 88%,#fff),var(--activity))!important;border-color:color-mix(in srgb,var(--activity) 78%,#fff)!important;color:#fff!important;box-shadow:0 8px 18px color-mix(in srgb,var(--activity) 25%,transparent)!important}
.otkp-field-v2 .otkp-regional-actions .is-details{background:rgba(4,25,35,.60)!important;border-color:#365968!important;color:#e8f3f6!important;box-shadow:none!important}
.otkp-field-v2 .otkp-regional-actions .is-fetch{background:rgba(9,63,76,.72)!important;border-color:#2b8796!important;color:#dffaff!important;box-shadow:none!important}
.otkp-field-v2 .otkp-regional-actions .is-fetch:hover{background:rgba(13,83,98,.82)!important;border-color:#48a6b4!important}
.otkp-field-v2 .otkp-regional-actions .is-details:hover{background:rgba(12,48,61,.82)!important;border-color:#527483!important}

/* Brak geometrii jako informacyjny ribbon, a nie pole formularza. */
.otkp-field-v2 .otkp-regional-trail.is-missing-geometry .otkp-regional-missing{margin-top:auto!important;margin-left:102px!important;margin-bottom:0!important}
.otkp-field-v2 .otkp-regional-missing{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;width:67%!important;min-height:56px!important;padding:9px 11px!important;border:1px solid rgba(226,183,75,.46)!important;border-radius:11px!important;background:linear-gradient(90deg,rgba(110,77,19,.68),rgba(89,62,18,.44))!important;color:#fff0c4!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
.otkp-field-v2 .otkp-regional-missing>svg{width:27px!important;height:27px!important;stroke:#ffd76d!important;fill:none!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.otkp-field-v2 .otkp-regional-missing-copy{display:grid!important;gap:2px!important;min-width:0!important}
.otkp-field-v2 .otkp-regional-missing-copy strong{font-size:12.5px!important;line-height:1.2!important;color:#fff3cf!important}
.otkp-field-v2 .otkp-regional-missing-copy small{font-size:10.5px!important;line-height:1.35!important;color:#e2cfa1!important}
.otkp-field-v2 .otkp-regional-trail.is-missing-geometry .otkp-regional-actions{grid-template-columns:minmax(0,1.18fr) minmax(110px,.82fr)!important;margin-top:9px!important}
.otkp-field-v2 .otkp-regional-trail.is-missing-geometry .otkp-regional-actions .is-fetch{grid-column:auto!important}

/* „Więcej” — stabilny, czytelny panel rozwijany, bez wielokolumnowego łamania słów. */
.otkp-field-v2 .otkp-regional-extra{position:relative!important;z-index:4!important;left:auto!important;right:auto!important;bottom:auto!important;align-self:flex-end!important;display:grid!important;gap:10px!important;width:min(100%,340px)!important;min-width:min(280px,100%)!important;margin:2px 0 0!important;padding:13px!important;border:1px solid #3a6574!important;border-radius:13px!important;background:linear-gradient(180deg,rgba(7,35,47,.98),rgba(5,27,38,.99))!important;box-shadow:0 12px 28px rgba(0,0,0,.27)!important;overflow:hidden!important}
.otkp-field-v2 .otkp-regional-extra-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding-bottom:8px!important;border-bottom:1px solid rgba(96,139,153,.25)!important}
.otkp-field-v2 .otkp-regional-extra-head strong{color:#fff!important;font-size:13px!important;line-height:1.2!important}
.otkp-field-v2 .otkp-regional-extra-head span{color:#8fb0bb!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.035em!important;white-space:nowrap!important}
.otkp-field-v2 .otkp-regional-extra-facts{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:0!important;padding:0!important}
.otkp-field-v2 .otkp-regional-extra-facts>div{display:grid!important;grid-template-columns:minmax(92px,.65fr) minmax(0,1.35fr)!important;gap:12px!important;align-items:start!important;min-width:0!important;padding:7px 0!important;border-bottom:1px solid rgba(96,139,153,.14)!important}
.otkp-field-v2 .otkp-regional-extra-facts>div:last-child{border-bottom:0!important}
.otkp-field-v2 .otkp-regional-extra-facts dt,.otkp-field-v2 .otkp-regional-extra-facts dd{margin:0!important;padding:0!important;min-width:0!important}
.otkp-field-v2 .otkp-regional-extra-facts dt{color:#8faab5!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.025em!important}
.otkp-field-v2 .otkp-regional-extra-facts dd{color:#f4fbfd!important;font-size:11.5px!important;font-weight:800!important;line-height:1.35!important;word-break:normal!important;overflow-wrap:anywhere!important}
.otkp-field-v2 .otkp-regional-extra-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.otkp-field-v2 .otkp-regional-extra-actions button,.otkp-field-v2 .otkp-regional-extra-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:0!important;min-height:40px!important;padding:7px 9px!important;border:1px solid #315f70!important;border-radius:9px!important;background:#0b3544!important;color:#effbff!important;font-size:11px!important;font-weight:850!important;line-height:1.2!important;text-align:center!important;text-decoration:none!important;white-space:normal!important}
.otkp-field-v2 .otkp-regional-extra-actions button:hover,.otkp-field-v2 .otkp-regional-extra-actions a:hover{background:#104354!important;border-color:#4c7a89!important}

/* Kompakt ma pozostać zwarty, ale tekst i rozwinięte informacje nie mogą się łamać technicznie. */
.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-card-head{grid-template-columns:64px minmax(0,1fr)!important;max-width:100%!important;padding-right:0!important}
.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-identity-top{gap:6px!important}
.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-trail-status{min-height:29px!important;padding:5px 8px!important;font-size:10.5px!important}
.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-trail-status span{max-width:96px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-trail-main>strong{font-size:20px!important;line-height:1.14!important;max-height:2.28em!important;-webkit-line-clamp:2!important;line-clamp:2!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-missing{width:calc(100% - 74px)!important;margin-left:74px!important;grid-template-columns:28px minmax(0,1fr)!important;min-height:48px!important;padding:7px 9px!important}
.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-missing>svg{width:22px!important;height:22px!important}
.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-missing-copy small{display:none!important}
.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-missing-copy strong{font-size:10.5px!important}
.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-extra{width:100%!important;min-width:0!important;align-self:stretch!important}

/* Mobile — akcje i panel szczegółów mają pełną szerokość bez overflow. */
@media(max-width:767px){
 .otkp-field-v2 .otkp-regional-card-head,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-card-head{padding-right:0!important}
 .otkp-field-v2 .otkp-regional-identity-top{align-items:flex-start!important}
 .otkp-field-v2 .otkp-trail-status,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-trail-status{position:static!important;max-width:none!important;text-align:left!important}
 .otkp-field-v2 .otkp-regional-trail.is-missing-geometry .otkp-regional-missing,.otkp-field-v2 .otkp-regional-missing,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-missing{width:100%!important;margin-left:0!important}
 .otkp-field-v2 .otkp-regional-trail.is-missing-geometry .otkp-regional-actions{grid-template-columns:1fr 1fr!important}
 .otkp-field-v2 .otkp-regional-extra,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-extra{width:100%!important;min-width:0!important;align-self:stretch!important}
 .otkp-field-v2 .otkp-regional-extra-actions{grid-template-columns:1fr 1fr!important}
}
@media(max-width:430px){
 .otkp-field-v2 .otkp-regional-identity-top{display:grid!important;justify-items:start!important}
 .otkp-field-v2 .otkp-regional-extra-facts>div{grid-template-columns:1fr!important;gap:3px!important}
 .otkp-field-v2 .otkp-regional-extra-actions{grid-template-columns:1fr!important}
 .otkp-field-v2 .otkp-regional-trail.is-missing-geometry .otkp-regional-actions{grid-template-columns:1fr!important}
}
/* 7.0.1.14: panel szczegółów zawsze ma jedną kolumnę; Kompakt nie rozciąga go ponad 340 px. */
.otkp-field-v2 .otkp-regional-extra{grid-template-columns:1fr!important}
.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-extra{width:min(100%,340px)!important;min-width:min(280px,100%)!important;align-self:flex-end!important}
@media(max-width:767px){.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-extra{width:100%!important;min-width:0!important;align-self:stretch!important}}
/* 7.0.1.14 końcowe korekty mobile/compact wykryte w testach wizualnych. */
.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-missing .otkp-regional-missing-copy{display:grid!important;gap:2px!important;min-width:0!important}
.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-missing .otkp-regional-missing-copy strong{display:block!important;color:#fff3cf!important}
@media(max-width:767px){
 .otkp-field-v2 .otkp-regional-card-head,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-card-head{grid-template-columns:74px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:start!important}
 .otkp-field-v2 .otkp-regional-identity,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-identity{display:contents!important}
 .otkp-field-v2 .otkp-regional-identity-top,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-identity-top{grid-column:2!important;grid-row:1!important;align-self:center!important}
 .otkp-field-v2 .otkp-regional-trail-main,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-trail-main{grid-column:1/-1!important;grid-row:2!important;margin-top:5px!important}
 .otkp-field-v2 .otkp-regional-trail-main>strong,.otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-trail-main>strong{font-size:21px!important;max-width:100%!important}
}
@media(max-width:430px){
 .otkp-field-v2 .otkp-regional-actions:not(.otkp-regional-extra-actions){grid-template-columns:1fr 1fr!important;grid-template-areas:"map map" "start start" "plan more"!important}
 .otkp-field-v2 .otkp-regional-actions .is-map{grid-area:map!important}
 .otkp-field-v2 .otkp-regional-actions .is-start{grid-area:start!important}
 .otkp-field-v2 .otkp-regional-actions .is-plan{grid-area:plan!important}
 .otkp-field-v2 .otkp-regional-actions .is-details{grid-area:more!important}
 .otkp-field-v2 .otkp-regional-trail.is-missing-geometry .otkp-regional-actions{grid-template-columns:1fr 1fr!important;grid-template-areas:"fetch more"!important}
 .otkp-field-v2 .otkp-regional-trail.is-missing-geometry .otkp-regional-actions .is-fetch{grid-area:fetch!important}
 .otkp-field-v2 .otkp-regional-trail.is-missing-geometry .otkp-regional-actions .is-details{grid-area:more!important}
 .otkp-field-v2 .otkp-regional-actions button,.otkp-field-v2 .otkp-regional-actions a{font-size:11px!important;padding:8px 7px!important}
}

/* =============================================================
   OdpocznijTu 7.0.1.14 — pobieranie przebiegu + trasy orientacyjne
   ============================================================= */
.otkp-field-v2 .otkp-trail-status.is-approx{background:#5b3a08!important;color:#ffe2a1!important;border:1px solid rgba(245,158,11,.45)!important}
.otkp-field-v2[data-field-theme="light"] .otkp-trail-status.is-approx{background:#fff4d8!important;color:#8a5200!important;border-color:#e4b44e!important}
.otkp-field-v2 .otkp-regional-trail.is-approximate{border-left-color:#f59e0b!important}
.otkp-field-v2 .otkp-regional-trail.is-approximate .otkp-regional-card-shade{background:linear-gradient(90deg,rgba(3,27,37,.96) 0%,rgba(4,32,42,.88) 42%,rgba(4,32,42,.28) 72%,rgba(4,32,42,.08) 100%)!important}
.otkp-field-v2 .otkp-regional-actions .is-approx{background:linear-gradient(180deg,#c9840b,#9d6204)!important;border-color:#eba82a!important;color:#fff8df!important;box-shadow:0 7px 16px rgba(156,98,4,.25)!important}
.otkp-field-v2 .otkp-regional-actions .is-approx:hover{background:linear-gradient(180deg,#dc9414,#b36f05)!important}
.otkp-field-v2 .otkp-regional-actions .is-approx-start{background:linear-gradient(180deg,#e59a15,#b76f05)!important;border-color:#f5b63c!important;color:#fff!important}
.otkp-field-v2 .otkp-regional-actions .is-fetch.is-loading{opacity:.92!important;cursor:wait!important}
.otkp-inline-spinner{display:inline-block!important;width:17px!important;height:17px!important;flex:0 0 17px!important;border:2px solid rgba(255,255,255,.35)!important;border-top-color:#fff!important;border-radius:50%!important;animation:otkp-spin .72s linear infinite!important}
.otkp-regional-missing .otkp-inline-spinner{width:24px!important;height:24px!important;justify-self:center!important;border-color:rgba(255,226,161,.35)!important;border-top-color:#ffd46d!important}
@keyframes otkp-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.otkp-inline-spinner{animation-duration:1.8s!important}}

.otkp-field-v2 .otkp-regional-missing.is-loading{border-color:rgba(74,179,210,.48)!important;background:linear-gradient(90deg,rgba(10,73,90,.72),rgba(9,48,61,.55))!important;color:#e7fbff!important}
.otkp-field-v2 .otkp-regional-missing.is-loading .otkp-regional-missing-copy strong{color:#ecfbff!important}
.otkp-field-v2 .otkp-regional-missing.is-loading .otkp-regional-missing-copy small{color:#b8dce5!important}
.otkp-field-v2 .otkp-regional-missing.is-unresolved{border-color:rgba(243,160,45,.56)!important;background:linear-gradient(90deg,rgba(112,64,13,.76),rgba(66,45,13,.54))!important}

.otkp-field-v2 .otkp-regional-approx-warning{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;width:67%!important;min-height:58px!important;margin-top:auto!important;margin-left:102px!important;padding:9px 11px!important;border:1px solid rgba(245,158,11,.6)!important;border-radius:11px!important;background:linear-gradient(90deg,rgba(108,65,8,.78),rgba(67,42,8,.53))!important;color:#fff3cf!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
.otkp-field-v2 .otkp-regional-approx-warning>svg{width:26px!important;height:26px!important;stroke:#ffd166!important;fill:none!important;stroke-width:1.9!important}
.otkp-field-v2 .otkp-regional-approx-warning>span{display:grid!important;gap:2px!important;min-width:0!important}
.otkp-field-v2 .otkp-regional-approx-warning strong{font-size:12.5px!important;line-height:1.2!important;color:#fff4cf!important}
.otkp-field-v2 .otkp-regional-approx-warning small{font-size:10.5px!important;line-height:1.35!important;color:#ead7a4!important}

.otkp-field-map-shell{position:relative!important}
.otkp-approx-map-notice{position:absolute;left:16px;bottom:16px;z-index:550;display:flex;align-items:center;gap:9px;max-width:min(430px,calc(100% - 92px));padding:9px 12px;border:1px solid rgba(245,158,11,.72);border-radius:11px;background:rgba(59,39,8,.92);color:#fff5d9;box-shadow:0 8px 22px rgba(0,0,0,.28);backdrop-filter:blur(8px)}
.otkp-approx-map-notice>svg{width:23px;height:23px;flex:0 0 23px;fill:none;stroke:#ffd166;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.otkp-approx-map-notice>span{display:grid;gap:1px;min-width:0}.otkp-approx-map-notice strong{font-size:12px;line-height:1.2}.otkp-approx-map-notice small{font-size:10px;line-height:1.35;color:#eadbb1}

.otkp-approx-dialog-backdrop{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:18px;background:rgba(1,13,19,.72);backdrop-filter:blur(4px)}
.otkp-approx-dialog{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;width:min(620px,100%);padding:20px;border:1px solid #7c642f;border-radius:17px;background:linear-gradient(180deg,#0b2936,#071e29);color:#f5fbfd;box-shadow:0 24px 70px rgba(0,0,0,.5)}
.otkp-approx-dialog-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:#5b3a08;color:#ffd166;border:1px solid #9d6b12}.otkp-approx-dialog-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.otkp-approx-dialog small{display:block;margin-bottom:4px;color:#f5bd54;font-size:10px;font-weight:900;letter-spacing:.08em}.otkp-approx-dialog h3{margin:0 0 9px;color:#fff;font-size:20px;line-height:1.2}.otkp-approx-dialog p{margin:0 0 9px;color:#d4e3e8;font-size:13px;line-height:1.55}.otkp-approx-dialog ul{margin:8px 0 11px;padding-left:20px;color:#d4e3e8;font-size:12.5px;line-height:1.55}.otkp-approx-dialog-note{padding:8px 10px;border-radius:9px;background:#4a320d;color:#ffe6a8!important;font-weight:800}.otkp-approx-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}.otkp-approx-dialog-actions button{min-height:42px;padding:8px 14px;border:1px solid #365968;border-radius:10px;background:#0a3545;color:#eef9fc;font-size:12px;font-weight:850}.otkp-approx-dialog-actions .is-confirm{background:#b87308;border-color:#e4a527;color:#fff8e7}

.otkp-field-v2 .otkp-selected-approx-note{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center;padding:9px 10px;border:1px solid rgba(245,158,11,.5);border-radius:10px;background:rgba(94,58,7,.35);color:#ffe4a6}.otkp-field-v2 .otkp-selected-approx-note svg{width:24px;height:24px;fill:none;stroke:#ffd166;stroke-width:1.9}.otkp-field-v2 .otkp-selected-approx-note span{display:grid;gap:2px}.otkp-field-v2 .otkp-selected-approx-note strong{font-size:11.5px}.otkp-field-v2 .otkp-selected-approx-note small{font-size:10px;line-height:1.35;color:#dbc99c}
.otkp-regional-popup.is-approx em{display:block;margin-top:5px;padding:5px 7px;border-radius:7px;background:#fff3d2;color:#7d5200;font-size:10px;font-style:normal;font-weight:750;line-height:1.35}

/* Gdy po nieudanej próbie są 3 akcje, każda musi pozostać czytelna. */
.otkp-field-v2 .otkp-regional-trail.is-missing-geometry .otkp-regional-actions:has(.is-approx){grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(92px,.72fr)!important}
.otkp-field-v2 .otkp-regional-trail.is-missing-geometry .otkp-regional-actions:has(.is-approx) .is-details{grid-column:auto!important}
@media(max-width:980px){.otkp-field-v2 .otkp-regional-trail.is-missing-geometry .otkp-regional-actions:has(.is-approx){grid-template-columns:1fr 1fr!important}.otkp-field-v2 .otkp-regional-trail.is-missing-geometry .otkp-regional-actions:has(.is-approx) .is-details{grid-column:1/-1!important}.otkp-field-v2 .otkp-regional-approx-warning{width:100%!important;margin-left:0!important}}
@media(max-width:767px){.otkp-field-v2 .otkp-regional-approx-warning{width:100%!important;margin-left:0!important}.otkp-approx-map-notice{left:8px;bottom:8px;max-width:calc(100% - 74px);padding:8px 9px}.otkp-approx-dialog{grid-template-columns:1fr;padding:16px}.otkp-approx-dialog-icon{width:46px;height:46px}.otkp-approx-dialog-actions{display:grid;grid-template-columns:1fr}.otkp-approx-dialog-actions button{width:100%}}
@media(max-width:430px){.otkp-field-v2 .otkp-regional-trail.is-missing-geometry .otkp-regional-actions:has(.is-approx){grid-template-columns:1fr!important}.otkp-field-v2 .otkp-regional-trail.is-missing-geometry .otkp-regional-actions:has(.is-approx) .is-details{grid-column:auto!important}.otkp-approx-map-notice small{font-size:9px}}
.otkp-approx-dialog{box-sizing:border-box!important;max-width:100%!important}

/* ==========================================================================
   OdpocznijTu 7.0.1.14 — Navigation Compact & Map Follow Fix
   Canonical idle navigation + explicit user-controlled map following.
   ========================================================================== */
.otkp-nav-panel.is-idle{
  width:min(650px,calc(100% - 120px));
  max-width:650px;
}
.otkp-nav-panel.is-idle .otkp-nav-main{
  grid-template-columns:40px minmax(0,1fr) auto;
  gap:8px;
  min-height:52px;
  padding:5px 8px;
}
.otkp-nav-panel.is-idle .otkp-nav-maneuver{
  width:40px;height:40px;border-radius:11px;
}
.otkp-nav-panel.is-idle .otkp-nav-maneuver svg{width:23px;height:23px}
.otkp-nav-panel.is-idle .otkp-nav-message{
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  column-gap:8px;
  row-gap:0;
}
.otkp-nav-panel.is-idle .otkp-nav-status{
  font-size:8.5px;
  line-height:1;
  letter-spacing:.055em;
}
.otkp-nav-panel.is-idle .otkp-nav-title{
  font-size:14.5px;
  line-height:1.15;
  -webkit-line-clamp:1;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.otkp-nav-panel.is-idle .otkp-nav-subtitle{display:none!important}
.otkp-nav-panel.is-idle .otkp-nav-inline-action{
  min-height:36px;
  height:36px;
  padding:0 11px;
  border-radius:10px;
  font-size:10.5px;
}

.otkp-field-recenter{
  position:absolute;
  right:14px;
  bottom:16px;
  z-index:1060;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:44px;
  padding:0 14px;
  border:1px solid rgba(27,116,78,.35);
  border-radius:999px;
  background:rgba(255,255,255,.96);
  color:#17653f;
  box-shadow:0 8px 24px rgba(5,31,24,.24);
  backdrop-filter:blur(10px);
  font-size:12px;
  font-weight:850;
  line-height:1;
  cursor:pointer;
  opacity:0;
  transform:translateY(8px) scale(.96);
  transition:opacity .16s ease,transform .16s ease,box-shadow .16s ease;
}
.otkp-field-recenter[hidden]{display:none!important}
.otkp-field-recenter.is-visible{opacity:1;transform:translateY(0) scale(1)}
.otkp-field-recenter:hover{box-shadow:0 10px 28px rgba(5,31,24,.32)}
.otkp-field-recenter:focus-visible{outline:3px solid rgba(31,172,101,.32);outline-offset:2px}
.otkp-field-recenter svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-recenter{
  background:rgba(12,34,43,.94);
  color:#8fe1af;
  border-color:rgba(97,201,139,.42);
  box-shadow:0 9px 26px rgba(0,0,0,.34);
}
.otkp-field-v2:fullscreen .otkp-field-recenter,.otkp-field-fallback-fullscreen .otkp-field-recenter{
  right:calc(14px + var(--otkp-safe-right));
  bottom:calc(16px + var(--otkp-safe-bottom));
  z-index:1120;
}

@media(max-width:1199px){
  .otkp-nav-panel.is-idle{width:min(620px,calc(100% - 80px));max-width:620px}
}
@media(max-width:767px){
  .otkp-nav-panel.is-idle{left:8px;right:8px;width:auto;max-width:none}
  .otkp-nav-panel.is-idle .otkp-nav-main{grid-template-columns:38px minmax(0,1fr) auto;min-height:52px;padding:5px 6px;gap:6px}
  .otkp-nav-panel.is-idle .otkp-nav-maneuver{width:38px;height:38px;border-radius:10px}
  .otkp-nav-panel.is-idle .otkp-nav-maneuver svg{width:22px;height:22px}
  .otkp-nav-panel.is-idle .otkp-nav-status{font-size:7.5px}
  .otkp-nav-panel.is-idle .otkp-nav-title{font-size:12.8px}
  .otkp-nav-panel.is-idle .otkp-nav-inline-action{height:40px;min-height:40px;padding:0 9px;font-size:10px}
  .otkp-field-recenter{right:12px;bottom:14px;width:48px;height:48px;min-height:48px;padding:0;border-radius:50%}
  .otkp-field-recenter span{display:none}
  .otkp-field-recenter svg{width:22px;height:22px}
  .otkp-field-v2:fullscreen .otkp-field-recenter,.otkp-field-fallback-fullscreen .otkp-field-recenter{right:calc(12px + var(--otkp-safe-right));bottom:calc(14px + var(--otkp-safe-bottom))}
}
@media(max-width:379px){
  .otkp-nav-panel.is-idle .otkp-nav-main{grid-template-columns:36px minmax(0,1fr) auto;min-height:50px;padding:4px 5px}
  .otkp-nav-panel.is-idle .otkp-nav-maneuver{width:36px;height:36px}
  .otkp-nav-panel.is-idle .otkp-nav-title{font-size:12px}
  .otkp-nav-panel.is-idle .otkp-nav-inline-action{height:38px;min-height:38px;padding:0 7px;font-size:9.5px}
}
@media(prefers-reduced-motion:reduce){.otkp-field-recenter{transition:none!important}}


/* ========================================================================== 
   OdpocznijTu 7.0.1.14 — Navigation Panel Compact Rebuild
   Ready state is a compact floating card; map remains the dominant surface.
   ========================================================================== */
.otkp-nav-panel.is-ready,
.otkp-nav-panel.is-calculating,
.otkp-nav-panel.is-gpswait{
  width:min(600px,calc(100% - 112px));
  max-width:600px;
}
.otkp-nav-panel.is-ready .otkp-nav-main,
.otkp-nav-panel.is-calculating .otkp-nav-main,
.otkp-nav-panel.is-gpswait .otkp-nav-main{
  grid-template-columns:44px minmax(0,1fr) 36px;
  gap:8px;
  min-height:54px;
  padding:5px 7px;
}
.otkp-nav-panel.is-ready .otkp-nav-maneuver,
.otkp-nav-panel.is-calculating .otkp-nav-maneuver,
.otkp-nav-panel.is-gpswait .otkp-nav-maneuver{
  width:44px;height:44px;border-radius:11px;
}
.otkp-nav-panel.is-ready .otkp-nav-maneuver svg,
.otkp-nav-panel.is-calculating .otkp-nav-maneuver svg,
.otkp-nav-panel.is-gpswait .otkp-nav-maneuver svg{width:25px;height:25px}
.otkp-nav-panel.is-ready .otkp-nav-title,
.otkp-nav-panel.is-calculating .otkp-nav-title,
.otkp-nav-panel.is-gpswait .otkp-nav-title{
  font-size:16px;
  line-height:1.15;
  -webkit-line-clamp:1;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.otkp-nav-panel.is-ready .otkp-nav-subtitle,
.otkp-nav-panel.is-calculating .otkp-nav-subtitle,
.otkp-nav-panel.is-gpswait .otkp-nav-subtitle{
  font-size:10.5px;
  line-height:1.15;
}
.otkp-nav-panel.is-ready .otkp-nav-collapse,
.otkp-nav-panel.is-calculating .otkp-nav-collapse,
.otkp-nav-panel.is-gpswait .otkp-nav-collapse{width:36px;height:36px;border-radius:9px}

.otkp-nav-panel.is-ready .otkp-nav-bottom,
.otkp-nav-panel.is-calculating .otkp-nav-bottom,
.otkp-nav-panel.is-gpswait .otkp-nav-bottom{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:5px 7px 6px;
  border-top:1px solid color-mix(in srgb,var(--nav-line) 58%,transparent);
  background:color-mix(in srgb,var(--nav-bg-2) 54%,transparent);
}
.otkp-nav-panel.is-ready .otkp-nav-stats,
.otkp-nav-panel.is-calculating .otkp-nav-stats,
.otkp-nav-panel.is-gpswait .otkp-nav-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:center;
  gap:0;
}
.otkp-nav-panel.is-ready .otkp-nav-stats>div,
.otkp-nav-panel.is-calculating .otkp-nav-stats>div,
.otkp-nav-panel.is-gpswait .otkp-nav-stats>div{
  min-width:0;
  padding:0 10px;
  border:0;
  border-radius:0;
  background:transparent;
  position:relative;
}
.otkp-nav-panel.is-ready .otkp-nav-stats>div:first-child,
.otkp-nav-panel.is-calculating .otkp-nav-stats>div:first-child,
.otkp-nav-panel.is-gpswait .otkp-nav-stats>div:first-child{padding-left:2px}
.otkp-nav-panel.is-ready .otkp-nav-stats>div+div:before,
.otkp-nav-panel.is-calculating .otkp-nav-stats>div+div:before,
.otkp-nav-panel.is-gpswait .otkp-nav-stats>div+div:before{
  content:"";position:absolute;left:0;top:3px;bottom:3px;width:1px;background:color-mix(in srgb,var(--nav-line) 70%,transparent)
}
.otkp-nav-panel.is-ready .otkp-nav-stats small,
.otkp-nav-panel.is-calculating .otkp-nav-stats small,
.otkp-nav-panel.is-gpswait .otkp-nav-stats small{font-size:7.5px;line-height:1.05}
.otkp-nav-panel.is-ready .otkp-nav-stats strong,
.otkp-nav-panel.is-calculating .otkp-nav-stats strong,
.otkp-nav-panel.is-gpswait .otkp-nav-stats strong{font-size:13px;line-height:1.15}
.otkp-nav-panel.is-ready .otkp-nav-controls,
.otkp-nav-panel.is-calculating .otkp-nav-controls,
.otkp-nav-panel.is-gpswait .otkp-nav-controls{display:flex;gap:5px}
.otkp-nav-panel.is-ready .otkp-nav-btn,
.otkp-nav-panel.is-calculating .otkp-nav-btn,
.otkp-nav-panel.is-gpswait .otkp-nav-btn{
  height:36px;
  min-width:40px;
  padding:0 11px;
  border-radius:9px;
  font-size:10.5px;
}
.otkp-nav-panel.is-ready [data-field-nav-start]{min-width:126px;padding-inline:14px;font-size:11.5px}

/* Active guidance stays compact too, but gets a little more room for maneuvers. */
.otkp-nav-panel.is-active,
.otkp-nav-panel.is-paused,
.otkp-nav-panel.is-offroute{
  width:min(660px,calc(100% - 112px));
  max-width:660px;
}

.otkp-field-v2:fullscreen .otkp-nav-panel.is-ready,
.otkp-field-fallback-fullscreen .otkp-nav-panel.is-ready,
.otkp-field-v2:fullscreen .otkp-nav-panel.is-calculating,
.otkp-field-fallback-fullscreen .otkp-nav-panel.is-calculating,
.otkp-field-v2:fullscreen .otkp-nav-panel.is-gpswait,
.otkp-field-fallback-fullscreen .otkp-nav-panel.is-gpswait{
  width:min(600px,calc(100% - 112px - var(--otkp-safe-left) - var(--otkp-safe-right)));
  max-width:600px;
}

@media(max-width:767px){
  .otkp-nav-panel.is-ready,
  .otkp-nav-panel.is-calculating,
  .otkp-nav-panel.is-gpswait,
  .otkp-nav-panel.is-active,
  .otkp-nav-panel.is-paused,
  .otkp-nav-panel.is-offroute{
    left:8px;right:8px;width:auto;max-width:none;
  }
  .otkp-nav-panel.is-ready .otkp-nav-main,
  .otkp-nav-panel.is-calculating .otkp-nav-main,
  .otkp-nav-panel.is-gpswait .otkp-nav-main{
    grid-template-columns:40px minmax(0,1fr) 40px;
    min-height:50px;
    padding:4px 6px;
    gap:6px;
  }
  .otkp-nav-panel.is-ready .otkp-nav-maneuver,
  .otkp-nav-panel.is-calculating .otkp-nav-maneuver,
  .otkp-nav-panel.is-gpswait .otkp-nav-maneuver{width:40px;height:40px;border-radius:10px}
  .otkp-nav-panel.is-ready .otkp-nav-maneuver svg,
  .otkp-nav-panel.is-calculating .otkp-nav-maneuver svg,
  .otkp-nav-panel.is-gpswait .otkp-nav-maneuver svg{width:23px;height:23px}
  .otkp-nav-panel.is-ready .otkp-nav-title,
  .otkp-nav-panel.is-calculating .otkp-nav-title,
  .otkp-nav-panel.is-gpswait .otkp-nav-title{font-size:13.5px}
  .otkp-nav-panel.is-ready .otkp-nav-subtitle,
  .otkp-nav-panel.is-calculating .otkp-nav-subtitle,
  .otkp-nav-panel.is-gpswait .otkp-nav-subtitle{font-size:9.5px}
  .otkp-nav-panel.is-ready .otkp-nav-bottom,
  .otkp-nav-panel.is-calculating .otkp-nav-bottom,
  .otkp-nav-panel.is-gpswait .otkp-nav-bottom{grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:4px 6px 5px}
  .otkp-nav-panel.is-ready .otkp-nav-stats>div,
  .otkp-nav-panel.is-calculating .otkp-nav-stats>div,
  .otkp-nav-panel.is-gpswait .otkp-nav-stats>div{padding:0 6px}
  .otkp-nav-panel.is-ready .otkp-nav-stats small,
  .otkp-nav-panel.is-calculating .otkp-nav-stats small,
  .otkp-nav-panel.is-gpswait .otkp-nav-stats small{font-size:6.8px}
  .otkp-nav-panel.is-ready .otkp-nav-stats strong,
  .otkp-nav-panel.is-calculating .otkp-nav-stats strong,
  .otkp-nav-panel.is-gpswait .otkp-nav-stats strong{font-size:11.5px}
  .otkp-nav-panel.is-ready [data-field-nav-start]{min-width:104px;height:40px;padding:0 10px;font-size:10.5px}
  .otkp-field-v2:fullscreen .otkp-nav-panel.is-ready,
  .otkp-field-fallback-fullscreen .otkp-nav-panel.is-ready,
  .otkp-field-v2:fullscreen .otkp-nav-panel.is-calculating,
  .otkp-field-fallback-fullscreen .otkp-nav-panel.is-calculating,
  .otkp-field-v2:fullscreen .otkp-nav-panel.is-gpswait,
  .otkp-field-fallback-fullscreen .otkp-nav-panel.is-gpswait{
    left:calc(8px + var(--otkp-safe-left));right:calc(8px + var(--otkp-safe-right));width:auto;max-width:none;
  }
}
@media(max-width:379px){
  .otkp-nav-panel.is-ready .otkp-nav-stats>div,
  .otkp-nav-panel.is-calculating .otkp-nav-stats>div,
  .otkp-nav-panel.is-gpswait .otkp-nav-stats>div{padding:0 4px}
  .otkp-nav-panel.is-ready .otkp-nav-stats strong,
  .otkp-nav-panel.is-calculating .otkp-nav-stats strong,
  .otkp-nav-panel.is-gpswait .otkp-nav-stats strong{font-size:10.8px}
  .otkp-nav-panel.is-ready [data-field-nav-start]{min-width:92px;padding:0 8px}
}
/* 7.0.1.14 final CTA sizing guard: the ready-state action must never stretch across the card. */
.otkp-nav-panel.is-ready .otkp-nav-controls{justify-self:end;width:auto;max-width:150px}
.otkp-nav-panel.is-ready [data-field-nav-start]{width:auto;max-width:145px}
@media(max-width:767px){
  .otkp-nav-panel.is-ready .otkp-nav-controls{max-width:112px}
  .otkp-nav-panel.is-ready [data-field-nav-start]{max-width:110px}
}

/* ========================================================================== 
   OdpocznijTu 7.0.1.15 — Ready Nav Vertical Compact Layout
   Narrower ready-state card with larger stat tiles and full-width CTA.
   ========================================================================== */
.otkp-nav-panel.is-ready,
.otkp-nav-panel.is-calculating,
.otkp-nav-panel.is-gpswait{
  width:min(460px,calc(100% - 112px));
  max-width:460px;
}
.otkp-field-v2:fullscreen .otkp-nav-panel.is-ready,
.otkp-field-fallback-fullscreen .otkp-nav-panel.is-ready,
.otkp-field-v2:fullscreen .otkp-nav-panel.is-calculating,
.otkp-field-fallback-fullscreen .otkp-nav-panel.is-calculating,
.otkp-field-v2:fullscreen .otkp-nav-panel.is-gpswait,
.otkp-field-fallback-fullscreen .otkp-nav-panel.is-gpswait{
  width:min(460px,calc(100% - 112px - var(--otkp-safe-left) - var(--otkp-safe-right)));
  max-width:460px;
}
.otkp-nav-panel.is-ready .otkp-nav-main,
.otkp-nav-panel.is-calculating .otkp-nav-main,
.otkp-nav-panel.is-gpswait .otkp-nav-main{
  grid-template-columns:44px minmax(0,1fr) 38px;
  gap:10px;
  min-height:58px;
  padding:7px 9px 6px;
}
.otkp-nav-panel.is-ready .otkp-nav-maneuver,
.otkp-nav-panel.is-calculating .otkp-nav-maneuver,
.otkp-nav-panel.is-gpswait .otkp-nav-maneuver{
  width:44px;height:44px;border-radius:12px;
}
.otkp-nav-panel.is-ready .otkp-nav-title,
.otkp-nav-panel.is-calculating .otkp-nav-title,
.otkp-nav-panel.is-gpswait .otkp-nav-title{
  font-size:17px;
  line-height:1.15;
  -webkit-line-clamp:2;
  white-space:normal;
  text-overflow:clip;
}
.otkp-nav-panel.is-ready .otkp-nav-subtitle,
.otkp-nav-panel.is-calculating .otkp-nav-subtitle,
.otkp-nav-panel.is-gpswait .otkp-nav-subtitle{
  font-size:11.5px;
  line-height:1.2;
}
.otkp-nav-panel.is-ready .otkp-nav-bottom,
.otkp-nav-panel.is-calculating .otkp-nav-bottom,
.otkp-nav-panel.is-gpswait .otkp-nav-bottom{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  padding:8px 9px 10px;
}
.otkp-nav-panel.is-ready .otkp-nav-stats,
.otkp-nav-panel.is-calculating .otkp-nav-stats,
.otkp-nav-panel.is-gpswait .otkp-nav-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.otkp-nav-panel.is-ready .otkp-nav-stats>div,
.otkp-nav-panel.is-calculating .otkp-nav-stats>div,
.otkp-nav-panel.is-gpswait .otkp-nav-stats>div{
  padding:7px 8px;
  border:1px solid color-mix(in srgb,var(--nav-line) 78%,transparent);
  border-radius:10px;
  background:color-mix(in srgb,var(--nav-bg-2) 92%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.otkp-nav-panel.is-ready .otkp-nav-stats>div+div:before,
.otkp-nav-panel.is-calculating .otkp-nav-stats>div+div:before,
.otkp-nav-panel.is-gpswait .otkp-nav-stats>div+div:before{display:none}
.otkp-nav-panel.is-ready .otkp-nav-stats small,
.otkp-nav-panel.is-calculating .otkp-nav-stats small,
.otkp-nav-panel.is-gpswait .otkp-nav-stats small{
  font-size:8.5px;
  line-height:1.1;
  letter-spacing:.055em;
}
.otkp-nav-panel.is-ready .otkp-nav-stats strong,
.otkp-nav-panel.is-calculating .otkp-nav-stats strong,
.otkp-nav-panel.is-gpswait .otkp-nav-stats strong{
  font-size:17px;
  line-height:1.15;
}
.otkp-nav-panel.is-ready .otkp-nav-controls,
.otkp-nav-panel.is-calculating .otkp-nav-controls,
.otkp-nav-panel.is-gpswait .otkp-nav-controls{
  display:grid;
  grid-template-columns:1fr;
  width:100%;
  max-width:none;
  justify-self:stretch;
}
.otkp-nav-panel.is-ready .otkp-nav-btn,
.otkp-nav-panel.is-calculating .otkp-nav-btn,
.otkp-nav-panel.is-gpswait .otkp-nav-btn{
  height:44px;
  min-width:0;
  width:100%;
  justify-content:center;
  gap:8px;
  padding:0 14px;
  border-radius:11px;
  font-size:13px;
}
.otkp-nav-panel.is-ready .otkp-nav-btn svg,
.otkp-nav-panel.is-calculating .otkp-nav-btn svg,
.otkp-nav-panel.is-gpswait .otkp-nav-btn svg{width:18px;height:18px}
.otkp-nav-panel.is-ready [data-field-nav-start],
.otkp-nav-panel.is-calculating [data-field-nav-start],
.otkp-nav-panel.is-gpswait [data-field-nav-start]{
  min-width:0;
  max-width:none;
  width:100%;
  padding-inline:16px;
  font-size:13.5px;
}

@media(max-width:767px){
  .otkp-nav-panel.is-ready,
  .otkp-nav-panel.is-calculating,
  .otkp-nav-panel.is-gpswait{
    left:8px;
    right:auto;
    width:min(440px,calc(100% - 16px));
    max-width:calc(100% - 16px);
  }
  .otkp-field-v2:fullscreen .otkp-nav-panel.is-ready,
  .otkp-field-fallback-fullscreen .otkp-nav-panel.is-ready,
  .otkp-field-v2:fullscreen .otkp-nav-panel.is-calculating,
  .otkp-field-fallback-fullscreen .otkp-nav-panel.is-calculating,
  .otkp-field-v2:fullscreen .otkp-nav-panel.is-gpswait,
  .otkp-field-fallback-fullscreen .otkp-nav-panel.is-gpswait{
    left:calc(8px + var(--otkp-safe-left));
    right:auto;
    width:min(440px,calc(100% - 16px - var(--otkp-safe-left) - var(--otkp-safe-right)));
    max-width:calc(100% - 16px - var(--otkp-safe-left) - var(--otkp-safe-right));
  }
  .otkp-nav-panel.is-ready .otkp-nav-main,
  .otkp-nav-panel.is-calculating .otkp-nav-main,
  .otkp-nav-panel.is-gpswait .otkp-nav-main{
    grid-template-columns:40px minmax(0,1fr) 38px;
    min-height:54px;
    gap:8px;
    padding:6px 8px 5px;
  }
  .otkp-nav-panel.is-ready .otkp-nav-maneuver,
  .otkp-nav-panel.is-calculating .otkp-nav-maneuver,
  .otkp-nav-panel.is-gpswait .otkp-nav-maneuver{width:40px;height:40px;border-radius:11px}
  .otkp-nav-panel.is-ready .otkp-nav-title,
  .otkp-nav-panel.is-calculating .otkp-nav-title,
  .otkp-nav-panel.is-gpswait .otkp-nav-title{font-size:16px}
  .otkp-nav-panel.is-ready .otkp-nav-subtitle,
  .otkp-nav-panel.is-calculating .otkp-nav-subtitle,
  .otkp-nav-panel.is-gpswait .otkp-nav-subtitle{font-size:11px}
  .otkp-nav-panel.is-ready .otkp-nav-bottom,
  .otkp-nav-panel.is-calculating .otkp-nav-bottom,
  .otkp-nav-panel.is-gpswait .otkp-nav-bottom{padding:7px 8px 8px}
  .otkp-nav-panel.is-ready .otkp-nav-stats>div,
  .otkp-nav-panel.is-calculating .otkp-nav-stats>div,
  .otkp-nav-panel.is-gpswait .otkp-nav-stats>div{padding:6px 7px}
  .otkp-nav-panel.is-ready .otkp-nav-stats small,
  .otkp-nav-panel.is-calculating .otkp-nav-stats small,
  .otkp-nav-panel.is-gpswait .otkp-nav-stats small{font-size:8px}
  .otkp-nav-panel.is-ready .otkp-nav-stats strong,
  .otkp-nav-panel.is-calculating .otkp-nav-stats strong,
  .otkp-nav-panel.is-gpswait .otkp-nav-stats strong{font-size:16px}
  .otkp-nav-panel.is-ready .otkp-nav-btn,
  .otkp-nav-panel.is-calculating .otkp-nav-btn,
  .otkp-nav-panel.is-gpswait .otkp-nav-btn{height:42px;font-size:12.5px}
  .otkp-nav-panel.is-ready [data-field-nav-start],
  .otkp-nav-panel.is-calculating [data-field-nav-start],
  .otkp-nav-panel.is-gpswait [data-field-nav-start]{font-size:13px}
}
@media(max-width:540px){
  .otkp-nav-panel.is-ready,
  .otkp-nav-panel.is-calculating,
  .otkp-nav-panel.is-gpswait,
  .otkp-field-v2:fullscreen .otkp-nav-panel.is-ready,
  .otkp-field-fallback-fullscreen .otkp-nav-panel.is-ready,
  .otkp-field-v2:fullscreen .otkp-nav-panel.is-calculating,
  .otkp-field-fallback-fullscreen .otkp-nav-panel.is-calculating,
  .otkp-field-v2:fullscreen .otkp-nav-panel.is-gpswait,
  .otkp-field-fallback-fullscreen .otkp-nav-panel.is-gpswait{
    left:8px;
    right:8px;
    width:auto;
    max-width:none;
  }
}
@media(max-width:379px){
  .otkp-nav-panel.is-ready .otkp-nav-stats,
  .otkp-nav-panel.is-calculating .otkp-nav-stats,
  .otkp-nav-panel.is-gpswait .otkp-nav-stats{gap:5px}
  .otkp-nav-panel.is-ready .otkp-nav-stats strong,
  .otkp-nav-panel.is-calculating .otkp-nav-stats strong,
  .otkp-nav-panel.is-gpswait .otkp-nav-stats strong{font-size:14.5px}
  .otkp-nav-panel.is-ready .otkp-nav-stats small,
  .otkp-nav-panel.is-calculating .otkp-nav-stats small,
  .otkp-nav-panel.is-gpswait .otkp-nav-stats small{font-size:7.2px}
}

/* ========================================================================== 
   OdpocznijTu 7.0.1.16 — Map Controls Visual Refresh
   Visual direction based on the approved premium glass toolbar mockup.
   ========================================================================== */
.otkp-field-map-toolbar-pro{
  position:absolute!important;
  right:14px!important;
  top:64px!important;
  z-index:1080!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:7px!important;
  width:64px!important;
  padding:8px 7px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:23px!important;
  background:rgba(247,251,246,.88)!important;
  box-shadow:0 14px 34px rgba(25,58,43,.23),inset 0 1px 0 rgba(255,255,255,.8)!important;
  backdrop-filter:blur(14px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.15)!important;
  overflow:visible!important;
}
.otkp-field-map-toolbar-pro button{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  padding:0!important;
  border:1px solid rgba(25,69,51,.12)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.94)!important;
  color:#17543f!important;
  box-shadow:0 5px 14px rgba(20,54,40,.11),inset 0 1px 0 rgba(255,255,255,.72)!important;
  font-size:0!important;
  line-height:1!important;
  cursor:pointer!important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease,border-color .16s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}
.otkp-field-map-toolbar-pro button>svg{
  display:block!important;
  width:23px!important;
  height:23px!important;
  max-width:none!important;
  max-height:none!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}
.otkp-field-map-toolbar-pro button:hover{
  transform:translateY(-1px)!important;
  background:#f4faf5!important;
  color:#0f6b4b!important;
  border-color:rgba(29,119,78,.27)!important;
  box-shadow:0 8px 20px rgba(20,54,40,.17),inset 0 1px 0 rgba(255,255,255,.84)!important;
}
.otkp-field-map-toolbar-pro button:active{transform:translateY(0) scale(.97)!important}
.otkp-field-map-toolbar-pro button:focus-visible{
  outline:3px solid rgba(41,151,101,.28)!important;
  outline-offset:2px!important;
}
.otkp-field-map-toolbar-pro button.is-active,
.otkp-field-map-toolbar-pro button.is-attention{
  background:linear-gradient(180deg,#1e6d54,#15533f)!important;
  color:#fff!important;
  border-color:#1b674f!important;
  box-shadow:0 9px 22px rgba(17,76,57,.31),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.otkp-field-map-toolbar-pro button.is-gps-on:not(.is-attention){
  background:#eef9f2!important;
  color:#147047!important;
  border-color:rgba(31,139,83,.27)!important;
}
.otkp-field-map-toolbar-pro button.is-attention{
  animation:otkp-map-tool-attention 1.8s ease-in-out infinite!important;
}
@keyframes otkp-map-tool-attention{
  0%,100%{box-shadow:0 9px 22px rgba(17,76,57,.31),0 0 0 0 rgba(47,154,102,.22)}
  50%{box-shadow:0 9px 22px rgba(17,76,57,.31),0 0 0 6px rgba(47,154,102,0)}
}
.otkp-map-tool-separator{
  display:block!important;
  width:34px!important;
  height:1px!important;
  margin:2px 0!important;
  background:linear-gradient(90deg,transparent,rgba(37,82,61,.18),transparent)!important;
}
/* Premium left-side tooltips: visible on hover/focus without covering the map control itself. */
.otkp-field-map-toolbar-pro button::after{
  content:attr(data-label);
  position:absolute;
  right:calc(100% + 13px);
  top:50%;
  transform:translate(7px,-50%);
  z-index:3;
  display:block;
  width:max-content;
  max-width:210px;
  padding:9px 12px;
  border:1px solid rgba(24,68,50,.1);
  border-radius:11px;
  background:rgba(255,255,255,.97);
  color:#164b39;
  box-shadow:0 8px 24px rgba(21,53,40,.18);
  font-size:12px;
  font-weight:800;
  line-height:1.15;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}
.otkp-field-map-toolbar-pro button::before{
  content:"";
  position:absolute;
  right:calc(100% + 7px);
  top:50%;
  z-index:4;
  width:10px;
  height:10px;
  border-top:1px solid rgba(24,68,50,.1);
  border-right:1px solid rgba(24,68,50,.1);
  background:rgba(255,255,255,.97);
  transform:translate(7px,-50%) rotate(45deg);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}
.otkp-field-map-toolbar-pro button:hover::after,
.otkp-field-map-toolbar-pro button:hover::before,
.otkp-field-map-toolbar-pro button:focus-visible::after,
.otkp-field-map-toolbar-pro button:focus-visible::before{
  opacity:1;
  visibility:visible;
}
.otkp-field-map-toolbar-pro button:hover::after,
.otkp-field-map-toolbar-pro button:focus-visible::after{transform:translate(0,-50%)}
.otkp-field-map-toolbar-pro button:hover::before,
.otkp-field-map-toolbar-pro button:focus-visible::before{transform:translate(0,-50%) rotate(45deg)}
.otkp-field-map-toolbar-pro button.is-attention::after{
  background:#1b5d48!important;
  color:#fff!important;
  border-color:#1b5d48!important;
}
.otkp-field-map-toolbar-pro button.is-attention::before{
  background:#1b5d48!important;
  border-color:#1b5d48!important;
}
/* Keep the classic browser title from competing with the custom tooltip only visually; aria-label remains authoritative. */
.otkp-field-v2[data-field-theme="dark"] .otkp-field-map-toolbar-pro{
  border-color:rgba(143,198,169,.18)!important;
  background:rgba(9,29,36,.88)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-map-toolbar-pro button{
  background:rgba(17,43,50,.94)!important;
  color:#b4e0c5!important;
  border-color:rgba(142,197,168,.18)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-map-toolbar-pro button:hover{
  background:#163d36!important;
  color:#d7f7e2!important;
  border-color:rgba(119,208,158,.32)!important;
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-map-toolbar-pro button.is-active,
.otkp-field-v2[data-field-theme="dark"] .otkp-field-map-toolbar-pro button.is-attention{
  background:linear-gradient(180deg,#246f57,#164b3b)!important;
  color:#fff!important;
  border-color:#397d66!important;
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-map-toolbar-pro button.is-gps-on:not(.is-attention){
  background:#173c32!important;
  color:#a7ebc2!important;
  border-color:rgba(95,199,139,.31)!important;
}
.otkp-field-v2[data-field-theme="dark"] .otkp-map-tool-separator{
  background:linear-gradient(90deg,transparent,rgba(173,220,194,.17),transparent)!important;
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-map-toolbar-pro button::after{
  border-color:rgba(139,194,163,.18);
  background:rgba(10,33,39,.97);
  color:#dff4e6;
  box-shadow:0 9px 26px rgba(0,0,0,.32);
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-map-toolbar-pro button::before{
  border-color:rgba(139,194,163,.18);
  background:rgba(10,33,39,.97);
}
/* The pro toolbar is intentionally desktop-first. Mobile/fullscreen keeps its dedicated touch controls. */
@media(max-width:1023px){.otkp-field-map-toolbar-pro{display:none!important}}
@media(min-width:1440px){
  .otkp-field-map-toolbar-pro{right:16px!important;top:66px!important;width:66px!important;padding:9px 8px!important}
  .otkp-field-map-toolbar-pro button{width:49px!important;height:49px!important;min-width:49px!important;min-height:49px!important}
  .otkp-field-map-toolbar-pro button>svg{width:24px!important;height:24px!important}
}
@media(prefers-reduced-motion:reduce){
  .otkp-field-map-toolbar-pro button,.otkp-field-map-toolbar-pro button::after,.otkp-field-map-toolbar-pro button::before{transition:none!important}
  .otkp-field-map-toolbar-pro button.is-attention{animation:none!important}
}

/* ========================================================================== 
   OdpocznijTu 7.0.1.17 — Mobile Responsive & Visual Rebuild
   Mobile is an app layout, not a squeezed desktop. Desktop remains unchanged.
   ========================================================================== */
.otkp-mobile-app-nav{display:none}
.otkp-mobile-weather-toggle,.otkp-mobile-accordion-toggle{display:none}

@media (max-width:767px){
  /* App shell / true viewport width */
  body.otkp-mobile-app-shell #colophon,
  body.otkp-mobile-app-shell footer.site-footer{display:none!important}
  .otkp.is-mobile-app{
    width:100dvw!important;
    max-width:100dvw!important;
    margin-left:calc(50% - 50dvw)!important;
    margin-right:calc(50% - 50dvw)!important;
    padding:8px 8px calc(76px + env(safe-area-inset-bottom))!important;
    border-left:0!important;border-right:0!important;border-radius:0!important;
    overflow:visible!important;
  }
  .otkp.is-mobile-app,.otkp.is-mobile-app *{min-width:0}
  .otkp.is-mobile-app img,.otkp.is-mobile-app svg{max-width:100%}

  /* Remove desktop bottom strip; dedicated mobile navigation is authoritative. */
  .otkp.is-mobile-app>.otkp-mode-nav{display:none!important}
  .otkp-mobile-app-nav{
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;z-index:99980!important;
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:stretch!important;gap:2px!important;
    min-height:64px!important;
    padding:5px max(6px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))!important;
    border-top:1px solid rgba(20,53,74,.12)!important;
    background:rgba(255,255,255,.965)!important;
    box-shadow:0 -8px 28px rgba(12,35,50,.14)!important;
    backdrop-filter:blur(15px) saturate(1.12)!important;
    -webkit-backdrop-filter:blur(15px) saturate(1.12)!important;
  }
  .otkp-mobile-app-nav button{
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
    min-width:0!important;min-height:54px!important;padding:4px 2px!important;
    border:0!important;border-radius:13px!important;background:transparent!important;color:#496172!important;
    font-size:10.5px!important;font-weight:800!important;line-height:1.05!important;white-space:nowrap!important;
  }
  .otkp-mobile-app-nav svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  .otkp-mobile-app-nav button.is-active{background:#edf5f7!important;color:#073d5c!important}
  .otkp-mobile-app-nav button.is-plan{color:#a85b00!important}
  .otkp-mobile-app-nav button.is-plan.is-active{background:linear-gradient(180deg,#ff9e18,#f28700)!important;color:#fff!important;box-shadow:0 5px 14px rgba(231,126,0,.25)!important}

  /* Header */
  .otkp.is-mobile-app .otkp-topbar{
    display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important;align-items:center!important;
    padding:8px 9px!important;border-radius:12px!important;min-height:62px!important;
  }
  .otkp.is-mobile-app .otkp-brand{gap:8px!important;overflow:hidden!important}
  .otkp.is-mobile-app .otkp-brand img{width:44px!important;height:44px!important;flex:0 0 44px!important}
  .otkp.is-mobile-app .otkp-brand>span{min-width:0!important}
  .otkp.is-mobile-app .otkp-brand strong{font-size:clamp(20px,6vw,24px)!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .otkp.is-mobile-app .otkp-brand small{font-size:11px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .otkp.is-mobile-app .otkp-slogan{display:none!important}
  .otkp.is-mobile-app .otkp-fullscreen-app-button{
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border-radius:12px!important;font-size:0!important;
  }
  .otkp.is-mobile-app .otkp-fullscreen-app-button>span:first-child{font-size:22px!important;line-height:1!important}
  .otkp.is-mobile-app .otkp-fullscreen-app-button>span:last-child{display:none!important}

  .otkp.is-mobile-app .otkp-dashboard{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:8px!important}
  .otkp.is-mobile-app .otkp-map-card,.otkp.is-mobile-app .otkp-card,.otkp.is-mobile-app .otkp-weather{border-radius:13px!important}

  /* Search and main map */
  .otkp.is-mobile-app .otkp-map-toolbar{
    display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:7px!important;padding:8px!important;
  }
  .otkp.is-mobile-app .otkp-search{grid-column:1/-1!important}
  .otkp.is-mobile-app .otkp-search input{height:46px!important;border-radius:10px!important;padding-left:13px!important;font-size:15px!important}
  .otkp.is-mobile-app .otkp-filter-button{grid-column:1!important;width:100%!important;height:44px!important;border-radius:10px!important;font-size:14px!important}
  .otkp.is-mobile-app .otkp-map-fullscreen-button{grid-column:2!important;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border-radius:10px!important;font-size:20px!important}
  .otkp.is-mobile-app .otkp-map-fullscreen-button span{display:none!important}
  .otkp.is-mobile-app .otkp-location-notice{margin:0 7px 7px!important;border-radius:11px!important}
  .otkp.is-mobile-app .otkp-location-notice>button{min-height:54px!important;padding:8px 9px!important;gap:8px!important}
  .otkp.is-mobile-app .otkp-location-notice-icon{width:32px!important;height:32px!important;flex:0 0 32px!important}
  .otkp.is-mobile-app .otkp-location-notice strong{font-size:13px!important;line-height:1.2!important}
  .otkp.is-mobile-app .otkp-location-notice small{font-size:10.5px!important;line-height:1.3!important;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .otkp.is-mobile-app .otkp-location-notice:not(.is-collapsed) small{-webkit-line-clamp:2!important}
  .otkp.is-mobile-app .otkp-location-notice [data-location-notice-body]{padding:0 10px 10px!important;font-size:12px!important;line-height:1.45!important}
  .otkp.is-mobile-app .otkp-map{height:clamp(360px,52dvh,520px)!important;min-height:360px!important;max-height:520px!important}
  .otkp.is-mobile-app .otkp-map-layers{gap:6px!important;padding:7px!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important}
  .otkp.is-mobile-app .otkp-map-layers::-webkit-scrollbar{display:none!important}
  .otkp.is-mobile-app .otkp-map-layers button{min-height:44px!important;padding:8px 15px!important;border-radius:999px!important;font-size:13px!important;scroll-snap-align:start!important}
  .otkp.is-mobile-app .otkp-map-card .leaflet-control-attribution{max-width:calc(100vw - 80px)!important;padding:1px 4px!important;font-size:8px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:rgba(255,255,255,.76)!important}
  .otkp.is-mobile-app .otkp-map-card .leaflet-control-zoom a,
  .otkp.is-mobile-app .otkp-map-extra-controls button{width:42px!important;height:42px!important;line-height:42px!important;font-size:20px!important}
  .otkp.is-mobile-app .otkp-map-extra-controls,.otkp.is-mobile-app .leaflet-control-zoom{border-radius:14px!important;overflow:hidden!important;box-shadow:0 7px 20px rgba(25,55,43,.18)!important}

  /* Today: compact visual cards */
  .otkp.is-mobile-app .otkp-today{height:auto!important}
  .otkp.is-mobile-app .otkp-dark-head{padding:11px 12px!important}
  .otkp.is-mobile-app .otkp-dark-head strong{font-size:22px!important;line-height:1.1!important}
  .otkp.is-mobile-app .otkp-today>[data-today-list]{padding:9px!important;gap:10px!important}
  .otkp.is-mobile-app .otkp-today-part{padding-bottom:8px!important}
  .otkp.is-mobile-app .otkp-today-part .otkp-time-label{margin-bottom:5px!important}
  .otkp.is-mobile-app .otkp-today-part .otkp-time-label b{font-size:13px!important}.otkp.is-mobile-app .otkp-today-part .otkp-time-label small{font-size:11px!important}
  .otkp.is-mobile-app .otkp-today-part>button{grid-template-columns:88px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:0 10px!important;min-height:136px!important;border-radius:12px!important}
  .otkp.is-mobile-app .otkp-today-part>button>img{grid-column:1!important;grid-row:1!important;width:88px!important;height:88px!important;object-fit:cover!important}
  .otkp.is-mobile-app .otkp-today-copy{grid-column:2!important;grid-row:1!important;padding:9px 8px 6px 0!important}
  .otkp.is-mobile-app .otkp-today-copy strong{font-size:15.5px!important;line-height:1.25!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
  .otkp.is-mobile-app .otkp-today-copy small{font-size:11.5px!important}.otkp.is-mobile-app .otkp-today-copy em{font-size:11px!important;line-height:1.3!important}
  .otkp.is-mobile-app .otkp-today-stats{grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;padding:7px 5px!important;border-top:1px solid #e0e8ec!important;background:#f6fafb!important}
  .otkp.is-mobile-app .otkp-today-stats small{padding:2px 5px!important;text-align:center!important}.otkp.is-mobile-app .otkp-today-stats b{font-size:11.5px!important}.otkp.is-mobile-app .otkp-today-stats i{font-size:9px!important}
  .otkp.is-mobile-app .otkp-today-summary,.otkp.is-mobile-app .otkp-today-full-plan{display:none!important}

  /* Weather: summary first, details on demand */
  .otkp.is-mobile-app .otkp-weather-dashboard{padding:12px!important}
  .otkp.is-mobile-app .otkp-weather-header>div:first-child>strong{font-size:24px!important;line-height:1.1!important}
  .otkp.is-mobile-app .otkp-weather-now b{font-size:38px!important}.otkp.is-mobile-app .otkp-weather-now span{font-size:42px!important}
  .otkp.is-mobile-app .otkp-weather-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:10px 0 8px!important}
  .otkp.is-mobile-app .otkp-weather-meta>span{min-height:66px!important;padding:8px 4px!important;border-radius:10px!important;background:rgba(255,255,255,.075)!important;text-align:center!important}
  .otkp.is-mobile-app .otkp-weather-meta b{font-size:14px!important}.otkp.is-mobile-app .otkp-weather-meta small{font-size:9.5px!important}
  .otkp-mobile-weather-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:44px!important;margin-top:6px!important;padding:8px 11px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:10px!important;background:rgba(255,255,255,.075)!important;color:inherit!important;font-size:12px!important;font-weight:800!important}
  .otkp.is-mobile-app .otkp-weather-dashboard:not(.is-mobile-expanded) .otkp-weather-details,
  .otkp.is-mobile-app .otkp-weather-dashboard:not(.is-mobile-expanded) .otkp-weather-hourly-block,
  .otkp.is-mobile-app .otkp-weather-dashboard:not(.is-mobile-expanded) .otkp-weather-plan-block,
  .otkp.is-mobile-app .otkp-weather-dashboard:not(.is-mobile-expanded) .otkp-weather-nextdays,
  .otkp.is-mobile-app .otkp-weather-dashboard:not(.is-mobile-expanded) .otkp-weather-week{display:none!important}
  .otkp.is-mobile-app .otkp-weather-dashboard.is-mobile-expanded .otkp-weather-details{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .otkp.is-mobile-app .otkp-weather-dashboard .otkp-weather-hours{display:flex!important;gap:5px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
  .otkp.is-mobile-app .otkp-weather-dashboard .otkp-weather-hours::-webkit-scrollbar{display:none!important}
  .otkp.is-mobile-app .otkp-weather-dashboard .otkp-weather-hours article{flex:0 0 76px!important;min-width:76px!important;scroll-snap-align:start!important}
  .otkp.is-mobile-app .otkp-weather-nextdays>[data-weather-nextdays],.otkp.is-mobile-app .otkp-weather-week>[data-weather-week]{display:flex!important;gap:7px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
  .otkp.is-mobile-app .otkp-weather-nextdays article,.otkp.is-mobile-app .otkp-weather-week article{flex:0 0 150px!important;min-width:150px!important;scroll-snap-align:start!important}

  /* Main module cards */
  .otkp.is-mobile-app .otkp-section-groups{grid-template-columns:1fr!important;gap:9px!important}
  .otkp.is-mobile-app .otkp-section-group{grid-template-columns:minmax(0,1fr) 58px!important;min-height:96px!important;border-radius:13px!important}
  .otkp.is-mobile-app .otkp-section-group>button[data-content-tab]{grid-template-columns:64px minmax(0,1fr)!important;gap:11px!important;min-height:94px!important;padding:10px 10px 10px 12px!important}
  .otkp.is-mobile-app .otkp-section-group>button[data-content-tab] img{width:64px!important;height:64px!important;border-radius:12px!important}
  .otkp.is-mobile-app .otkp-section-group>button[data-content-tab] strong{font-size:17.5px!important;line-height:1.18!important}.otkp.is-mobile-app .otkp-section-group>button[data-content-tab] small{font-size:12px!important;line-height:1.3!important}
  .otkp.is-mobile-app .otkp-section-group-toggle{width:58px!important;min-width:58px!important}

  /* Field mode: mobile-first compact header and toolbar */
  .otkp.is-mobile-app .otkp-field-v2{padding:8px!important;border-radius:12px!important;overflow:visible!important}
  .otkp.is-mobile-app .otkp-field-head{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:0!important}
  .otkp.is-mobile-app .otkp-field-head h2{font-size:clamp(28px,8vw,34px)!important;line-height:1.04!important;margin:4px 0 8px!important}
  .otkp.is-mobile-app .otkp-field-head p{font-size:14px!important;line-height:1.5!important;margin:0!important}
  .otkp.is-mobile-app .otkp-field-head-actions{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important;align-items:center!important}
  .otkp.is-mobile-app .otkp-field-theme-switch{height:40px!important;min-height:40px!important;padding:3px!important;border-radius:10px!important}
  .otkp.is-mobile-app .otkp-field-theme-switch button{min-height:34px!important;padding:4px 11px!important;font-size:11.5px!important}
  .otkp.is-mobile-app [data-field-fullscreen]{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;font-size:0!important;border-radius:10px!important}
  .otkp.is-mobile-app [data-field-fullscreen]::before{content:"⛶";font-size:21px!important}
  .otkp.is-mobile-app .otkp-field-gps-consent{grid-template-columns:1fr!important;gap:7px!important;padding:9px!important}.otkp.is-mobile-app .otkp-field-gps-consent>div:last-child{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}.otkp.is-mobile-app .otkp-field-gps-consent button{min-height:44px!important;font-size:12px!important}
  .otkp.is-mobile-app .otkp-field-toolbar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding:8px!important}
  .otkp.is-mobile-app .otkp-field-modes{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;padding:4px!important;border-radius:11px!important}
  .otkp.is-mobile-app .otkp-field-modes button{min-height:44px!important;padding:6px 4px!important;font-size:12px!important;line-height:1.15!important;white-space:nowrap!important}
  .otkp.is-mobile-app .otkp-field-route-select{grid-column:1/-1!important}.otkp.is-mobile-app .otkp-field-route-select select{height:44px!important;font-size:13px!important}
  .otkp.is-mobile-app .otkp-field-toolbar>[data-field-follow],.otkp.is-mobile-app .otkp-field-toolbar>[data-field-heading],.otkp.is-mobile-app .otkp-field-toolbar>[data-field-stop]{grid-column:auto!important;min-height:44px!important;padding:6px 5px!important;font-size:11px!important;line-height:1.15!important;white-space:normal!important}

  /* Regional search/filter toolbar */
  .otkp.is-mobile-app .otkp-field-v2 .otkp-field-regional{padding:11px!important;border-radius:15px!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-region-hero{grid-template-columns:1fr!important;gap:11px!important;margin-bottom:11px!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-field-regional-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-field-regional-head h3{font-size:27px!important;line-height:1.05!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-field-regional-head p{grid-column:1/-1!important;font-size:12px!important;line-height:1.4!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-field-regional-head>span{font-size:9.5px!important;padding:5px 7px!important;margin-top:2px!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-region-head-tools{grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-region-search{height:46px!important;min-height:46px!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-region-search input{height:42px!important;font-size:13px!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-region-view-switch{padding:3px!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-region-view-switch button{min-height:38px!important;padding:6px 8px!important;font-size:0!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-region-view-switch button>span{font-size:18px!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-region-filterbar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-bottom:12px!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-field-regional-filters{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(5,max-content)!important;gap:6px!important;overflow-x:auto!important;scrollbar-width:none!important;flex-wrap:nowrap!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-field-regional-filters::-webkit-scrollbar{display:none!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-field-regional-filters button{min-height:42px!important;padding:6px 10px!important;font-size:11px!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-region-filter-select{display:none!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-region-more-filters{grid-column:1!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-region-more-filters summary{min-height:42px!important;padding:0 9px!important;font-size:11px!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-region-more-filters>div{left:0!important;right:auto!important;width:min(290px,calc(100vw - 38px))!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-region-sort{grid-column:2!important;margin-left:0!important;min-height:42px!important;padding:0 6px!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-region-sort>span{display:none!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-region-sort select{width:100%!important;font-size:11px!important}

  /* Regional trail cards: photo first, 2-line title, compact 2x2 actions */
  .otkp.is-mobile-app .otkp-field-v2 .otkp-field-regional-list,.otkp.is-mobile-app .otkp-field-v2 .otkp-field-regional-list[data-view="compact"]{grid-template-columns:1fr!important;gap:12px!important;max-height:none!important;overflow:visible!important;padding-right:0!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-regional-trail,.otkp.is-mobile-app .otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-trail{min-height:0!important;height:auto!important;border-radius:14px!important;overflow:hidden!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-regional-card-photo,.otkp.is-mobile-app .otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-card-photo{height:165px!important;min-height:165px!important;max-height:165px!important;inset:0 0 auto 0!important;background-position:center!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-regional-card-shade,.otkp.is-mobile-app .otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-card-shade{background:linear-gradient(180deg,rgba(4,29,38,.02) 0%,rgba(4,29,38,.16) 28%,rgba(4,29,38,.95) 165px,rgba(4,29,38,.99) 100%)!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-regional-card-content,.otkp.is-mobile-app .otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-card-content{min-height:0!important;height:auto!important;padding:178px 12px 12px!important;gap:9px!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-regional-card-head,.otkp.is-mobile-app .otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-card-head{grid-template-columns:68px minmax(0,1fr)!important;grid-template-rows:auto!important;gap:10px!important;align-items:start!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-regional-identity,.otkp.is-mobile-app .otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-identity{display:grid!important;gap:5px!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-regional-type-icon,.otkp.is-mobile-app .otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-type-icon{width:68px!important;height:68px!important;min-width:68px!important;border-radius:17px!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-regional-identity-top,.otkp.is-mobile-app .otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-identity-top{grid-column:auto!important;grid-row:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-regional-type-label strong{font-size:11.5px!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-trail-status{min-height:29px!important;padding:5px 8px!important;font-size:10px!important;white-space:nowrap!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-regional-trail-main,.otkp.is-mobile-app .otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-trail-main{grid-column:auto!important;grid-row:auto!important;margin:0!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-regional-trail-main>strong,.otkp.is-mobile-app .otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-trail-main>strong{font-size:19px!important;line-height:1.18!important;max-height:2.36em!important;-webkit-line-clamp:2!important;line-clamp:2!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;white-space:normal!important;overflow:hidden!important;text-overflow:clip!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-regional-chips{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-regional-chip{min-width:0!important;min-height:38px!important;padding:6px 5px!important;justify-content:center!important;font-size:10.5px!important;white-space:nowrap!important;overflow:hidden!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-regional-chip b{overflow:hidden!important;text-overflow:ellipsis!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-regional-location{font-size:11.5px!important;color:#bcd1d8!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-regional-location span{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-regional-actions:not(.otkp-regional-extra-actions){display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-areas:"map start" "plan more"!important;gap:7px!important;margin-top:2px!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-regional-actions .is-map{grid-area:map!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-regional-actions .is-start{grid-area:start!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-regional-actions .is-plan{grid-area:plan!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-regional-actions .is-details{grid-area:more!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-regional-actions button,.otkp.is-mobile-app .otkp-field-v2 .otkp-regional-actions a{min-height:44px!important;padding:7px 6px!important;font-size:11.5px!important;justify-content:center!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-regional-trail.is-missing-geometry .otkp-regional-actions{grid-template-columns:1fr 1fr!important;grid-template-areas:"fetch more"!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-regional-trail.is-missing-geometry .is-fetch{grid-area:fetch!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-regional-trail.is-missing-geometry .is-details{grid-area:more!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-regional-trail.is-missing-geometry .otkp-regional-actions:has(.is-approx){grid-template-columns:1fr 1fr!important;grid-template-areas:"fetch approx" "more more"!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-regional-actions .is-approx{grid-area:approx!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-regional-actions:has(.is-approx) .is-details{grid-area:more!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-regional-missing,.otkp.is-mobile-app .otkp-field-v2 .otkp-regional-approx-warning{min-height:52px!important;width:100%!important;margin:0!important;padding:8px 9px!important}

  /* Field map: dynamic height + premium touch toolbar on right */
  .otkp.is-mobile-app .otkp-field-map-shell{height:clamp(360px,54dvh,520px)!important;min-height:360px!important;max-height:520px!important;border-radius:14px!important;overflow:hidden!important}
  .otkp.is-mobile-app .otkp-field-map{height:100%!important;min-height:100%!important}
  .otkp.is-mobile-app .otkp-field-desktop-menu{display:none!important}
  .otkp.is-mobile-app .otkp-field-map-toolbar-pro{display:flex!important;right:8px!important;top:8px!important;width:50px!important;padding:5px 4px!important;gap:4px!important;border-radius:17px!important}
  .otkp.is-mobile-app .otkp-field-map-toolbar-pro button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:11px!important}
  .otkp.is-mobile-app .otkp-field-map-toolbar-pro button>svg{width:20px!important;height:20px!important}.otkp.is-mobile-app .otkp-field-map-toolbar-pro button::before,.otkp.is-mobile-app .otkp-field-map-toolbar-pro button::after{display:none!important}
  .otkp.is-mobile-app .otkp-map-tool-separator{width:28px!important;margin:1px 0!important}
  .otkp.is-mobile-app .otkp-field-map .leaflet-control-attribution{font-size:8px!important;line-height:1!important;max-width:calc(100% - 58px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  /* Navigation panel: still readable but shorter on phone */
  .otkp.is-mobile-app .otkp-nav-panel.is-ready,.otkp.is-mobile-app .otkp-nav-panel.is-calculating,.otkp.is-mobile-app .otkp-nav-panel.is-gpswait{width:min(420px,calc(100% - 16px))!important;max-width:calc(100% - 16px)!important}
  .otkp.is-mobile-app .otkp-nav-panel.is-ready .otkp-nav-main,.otkp.is-mobile-app .otkp-nav-panel.is-calculating .otkp-nav-main,.otkp.is-mobile-app .otkp-nav-panel.is-gpswait .otkp-nav-main{min-height:50px!important;padding:5px 7px!important;grid-template-columns:38px minmax(0,1fr) 36px!important}
  .otkp.is-mobile-app .otkp-nav-panel.is-ready .otkp-nav-maneuver,.otkp.is-mobile-app .otkp-nav-panel.is-calculating .otkp-nav-maneuver,.otkp.is-mobile-app .otkp-nav-panel.is-gpswait .otkp-nav-maneuver{width:38px!important;height:38px!important}
  .otkp.is-mobile-app .otkp-nav-panel.is-ready .otkp-nav-title,.otkp.is-mobile-app .otkp-nav-panel.is-calculating .otkp-nav-title,.otkp.is-mobile-app .otkp-nav-panel.is-gpswait .otkp-nav-title{font-size:16.5px!important}
  .otkp.is-mobile-app .otkp-nav-panel.is-ready .otkp-nav-status,.otkp.is-mobile-app .otkp-nav-panel.is-calculating .otkp-nav-status,.otkp.is-mobile-app .otkp-nav-panel.is-gpswait .otkp-nav-status{font-size:9px!important}
  .otkp.is-mobile-app .otkp-nav-panel.is-ready .otkp-nav-bottom,.otkp.is-mobile-app .otkp-nav-panel.is-calculating .otkp-nav-bottom,.otkp.is-mobile-app .otkp-nav-panel.is-gpswait .otkp-nav-bottom{gap:6px!important;padding:6px 7px 7px!important}
  .otkp.is-mobile-app .otkp-nav-panel.is-ready .otkp-nav-stats>div,.otkp.is-mobile-app .otkp-nav-panel.is-calculating .otkp-nav-stats>div,.otkp.is-mobile-app .otkp-nav-panel.is-gpswait .otkp-nav-stats>div{padding:5px 6px!important}.otkp.is-mobile-app .otkp-nav-panel.is-ready .otkp-nav-stats strong,.otkp.is-mobile-app .otkp-nav-panel.is-calculating .otkp-nav-stats strong,.otkp.is-mobile-app .otkp-nav-panel.is-gpswait .otkp-nav-stats strong{font-size:16px!important}.otkp.is-mobile-app .otkp-nav-panel.is-ready .otkp-nav-stats small,.otkp.is-mobile-app .otkp-nav-panel.is-calculating .otkp-nav-stats small,.otkp.is-mobile-app .otkp-nav-panel.is-gpswait .otkp-nav-stats small{font-size:8px!important}
  .otkp.is-mobile-app .otkp-nav-panel.is-ready .otkp-nav-btn,.otkp.is-mobile-app .otkp-nav-panel.is-calculating .otkp-nav-btn,.otkp.is-mobile-app .otkp-nav-panel.is-gpswait .otkp-nav-btn{height:44px!important;min-height:44px!important;font-size:12.5px!important}

  /* Nearby: fix P0 contrast and remove admin-table feel */
  .otkp.is-mobile-app .otkp-field-nearby-panel{padding:12px!important}
  .otkp.is-mobile-app .otkp-field-nearby-panel>h3{font-size:20px!important;color:#f4fbfd!important;margin:0 0 8px!important}
  .otkp.is-mobile-app .otkp-field-nearby-card{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important;align-items:center!important;min-height:68px!important;padding:7px 0!important;border-bottom:1px solid rgba(196,222,230,.3)!important}
  .otkp.is-mobile-app .otkp-field-nearby-card>button:first-child{display:grid!important;grid-template-columns:1fr!important;gap:2px!important;padding:4px 2px!important;text-align:left!important;background:transparent!important;border:0!important;color:#f2f7f5!important}
  .otkp.is-mobile-app .otkp-field-nearby-card>button:first-child>span:first-child{display:none!important}
  .otkp.is-mobile-app .otkp-field-nearby-card strong{color:#f2f7f5!important;font-size:14px!important;line-height:1.25!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
  .otkp.is-mobile-app .otkp-field-nearby-card small{color:#a9c4cd!important;font-size:11.5px!important;line-height:1.3!important}
  .otkp.is-mobile-app .otkp-field-nearby-card .otkp-field-add{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border-radius:12px!important;font-size:0!important;color:#17663d!important;background:#eef9f1!important;border:1px solid #b6d8c2!important}
  .otkp.is-mobile-app .otkp-field-nearby-card .otkp-field-add::before{content:"+";font-size:23px!important;line-height:1!important}

  /* Trip: one clear primary action */
  .otkp.is-mobile-app .otkp-field-trip-panel{padding:12px!important}.otkp.is-mobile-app .otkp-field-trip-panel>h3{font-size:20px!important}
  .otkp.is-mobile-app .otkp-field-trip-row{grid-template-columns:36px minmax(0,1fr) 44px 44px 44px!important;gap:5px!important;min-height:56px!important;padding:6px!important}.otkp.is-mobile-app .otkp-field-trip-row>button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
  .otkp.is-mobile-app .otkp-field-trip-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.otkp.is-mobile-app .otkp-field-trip-actions button{min-height:44px!important;font-size:12px!important}.otkp.is-mobile-app .otkp-field-trip-actions [data-field-nav-start]{grid-column:1/-1!important;grid-row:1!important;background:#168b50!important;color:#fff!important;border-color:#168b50!important;font-size:13px!important}.otkp.is-mobile-app .otkp-field-trip-actions [data-field-trip-add-home]{grid-column:1!important}.otkp.is-mobile-app .otkp-field-trip-actions [data-field-trip-clear]{grid-column:2!important;background:transparent!important;color:#efb1b1!important;border-color:#6d4448!important}.otkp.is-mobile-app .otkp-field-trip-actions [data-field-nav-stop]{grid-column:1/-1!important}

  /* Lower field modules: compact empty selected card + accordions */
  .otkp.is-mobile-app .otkp-field-bottom-grid{grid-template-columns:1fr!important;gap:8px!important}
  .otkp.is-mobile-app .otkp-field-selected-panel{padding:11px!important;min-height:0!important}.otkp.is-mobile-app .otkp-field-selected-panel>h3{font-size:19px!important;margin:0 0 6px!important}.otkp.is-mobile-app .otkp-field-selected-panel .otkp-empty{min-height:0!important;margin:0!important;padding:8px 0!important;font-size:12px!important}.otkp.is-mobile-app .otkp-field-selected-panel .otkp-field-catalog-route{display:none!important}
  .otkp-mobile-accordion-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:48px!important;padding:8px 2px!important;border:0!important;background:transparent!important;color:var(--f-text,#f3f8f9)!important;font-size:18px!important;font-weight:750!important;text-align:left!important}
  .otkp.is-mobile-app .otkp-field-legend-panel,.otkp.is-mobile-app .otkp-field-gps-panel,.otkp.is-mobile-app .otkp-field-safety-panel{padding:8px 11px!important;min-height:0!important}
  .otkp.is-mobile-app .is-mobile-collapsed>.otkp-mobile-accordion-toggle~*{display:none!important}
  .otkp.is-mobile-app .otkp-field-gps-summary{grid-template-columns:1fr 1fr!important;gap:7px!important}.otkp.is-mobile-app .otkp-field-gps-summary>span{grid-column:1/-1!important;font-size:11.5px!important}.otkp.is-mobile-app .otkp-field-gps-summary strong{font-size:15px!important}
  .otkp.is-mobile-app .otkp-field-safety button{min-height:44px!important}

  /* Fullscreen map: one top capsule, navigation at thumb-friendly bottom */
  .otkp-field-v2:fullscreen .otkp-field-fs-controls,.otkp-field-fallback-fullscreen .otkp-field-fs-controls{
    top:calc(8px + var(--otkp-safe-top))!important;right:calc(8px + var(--otkp-safe-right))!important;left:auto!important;
    display:flex!important;align-items:center!important;gap:4px!important;width:auto!important;padding:5px!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:17px!important;background:rgba(250,252,249,.9)!important;box-shadow:0 10px 28px rgba(20,54,40,.2)!important;backdrop-filter:blur(12px)!important;
  }
  .otkp-field-v2:fullscreen .otkp-field-fs-controls button,.otkp-field-fallback-fullscreen .otkp-field-fs-controls button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:12px!important;background:rgba(255,255,255,.9)!important;color:#174e3b!important;font-size:22px!important;box-shadow:none!important}
  .otkp-field-v2:fullscreen .otkp-field-fs-controls .otkp-field-fs-menu-btn span,.otkp-field-fallback-fullscreen .otkp-field-fs-controls .otkp-field-fs-menu-btn span{display:none!important}
  .otkp-field-v2:fullscreen .otkp-nav-panel,.otkp-field-fallback-fullscreen .otkp-nav-panel{top:auto!important;bottom:calc(10px + var(--otkp-safe-bottom))!important;left:calc(8px + var(--otkp-safe-left))!important;right:calc(8px + var(--otkp-safe-right))!important;width:auto!important;max-width:none!important}
  .otkp-field-v2:fullscreen .otkp-field-map-toolbar-pro,.otkp-field-fallback-fullscreen .otkp-field-map-toolbar-pro{display:none!important}
}

/* Small phones */
@media (max-width:359px){
  .otkp.is-mobile-app{padding-left:6px!important;padding-right:6px!important}
  .otkp-mobile-app-nav button{font-size:9.5px!important}.otkp-mobile-app-nav svg{width:21px!important;height:21px!important}
  .otkp.is-mobile-app .otkp-brand strong{font-size:19px!important}.otkp.is-mobile-app .otkp-brand small{font-size:10px!important}
  .otkp.is-mobile-app .otkp-field-modes button{font-size:10.5px!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-regional-chips{grid-template-columns:1fr 1fr!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-regional-chip.is-near{grid-column:1/-1!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-regional-type-icon{width:62px!important;height:62px!important;min-width:62px!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-regional-card-head{grid-template-columns:62px minmax(0,1fr)!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-regional-trail-main>strong{font-size:17.5px!important}
  .otkp.is-mobile-app .otkp-nav-panel.is-ready .otkp-nav-stats strong{font-size:14px!important}
}

/* Large phones / phablets: use extra width where it truly helps. */
@media (min-width:600px) and (max-width:767px){
  .otkp.is-mobile-app .otkp-section-groups{grid-template-columns:1fr 1fr!important}
  .otkp.is-mobile-app .otkp-section-group{min-height:92px!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-field-regional-list[data-view="compact"]{grid-template-columns:1fr 1fr!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-card-photo{height:150px!important;min-height:150px!important;max-height:150px!important}.otkp.is-mobile-app .otkp-field-v2 .otkp-field-regional-list[data-view="compact"] .otkp-regional-card-content{padding-top:162px!important}
}

/* Tablet: no fixed mobile bottom nav, but keep responsive two-column rhythm. */
@media (min-width:768px) and (max-width:1023px){
  .otkp-mobile-app-nav{display:none!important}
  .otkp-field-v2 .otkp-field-map-toolbar-pro{display:flex!important;right:10px!important;top:10px!important;width:54px!important;padding:6px!important;gap:5px!important}.otkp-field-v2 .otkp-field-map-toolbar-pro button{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}.otkp-field-v2 .otkp-field-map-toolbar-pro button::before,.otkp-field-v2 .otkp-field-map-toolbar-pro button::after{display:none!important}
  .otkp-field-v2 .otkp-field-regional-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* 7.0.1.17 final mobile QA corrections */
@media(max-width:767px){
  .otkp.is-mobile-app .otkp-field-head-actions .otkp-field-theme-switch{grid-column:1!important;width:100%!important;height:48px!important;min-height:48px!important}
  .otkp.is-mobile-app .otkp-field-theme-switch button{min-height:40px!important;position:relative!important}
  .otkp.is-mobile-app .otkp-field-theme-switch button::after{content:"";position:absolute!important;inset:-2px!important}
  .otkp.is-mobile-app .otkp-field-head-actions>[data-field-fullscreen]{grid-column:2!important;grid-row:1!important}
  .otkp.is-mobile-app .otkp-search>button{width:40px!important;height:40px!important;top:3px!important;right:3px!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-region-search button{width:40px!important;height:40px!important;min-height:40px!important;margin-right:-3px!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-region-view-switch button{min-height:44px!important;height:44px!important}
  .otkp.is-mobile-app .otkp-nav-collapse{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
  .otkp.is-mobile-app .otkp-field-nearby-panel{background:var(--f-panel,#0c2a35)!important;border:1px solid var(--f-line,#284d59)!important;border-radius:12px!important;color:var(--f-text,#f4fbfd)!important}
  .otkp.is-mobile-app .otkp-field-nearby-card>button:first-child{min-height:44px!important}
}

/* 7.0.1.17 mobile map-control collision guard */
@media(max-width:767px){
  .otkp.is-mobile-app .otkp-map-card .leaflet-top.leaflet-left{left:auto!important;right:8px!important;top:8px!important}
  .otkp.is-mobile-app .otkp-map-card .leaflet-top.leaflet-left .leaflet-control{margin-left:0!important;margin-right:0!important;margin-top:6px!important}
  .otkp.is-mobile-app .otkp-field-map-toolbar-pro{
    top:auto!important;bottom:66px!important;right:8px!important;width:auto!important;max-width:calc(100% - 16px)!important;
    flex-direction:row!important;padding:4px!important;gap:3px!important;border-radius:16px!important;
  }
  .otkp.is-mobile-app .otkp-field-map-toolbar-pro button[data-field-map-tool="trails"]{display:none!important}
  .otkp.is-mobile-app .otkp-field-map-toolbar-pro .otkp-map-tool-separator{width:1px!important;height:28px!important;margin:0 2px!important;background:linear-gradient(180deg,transparent,rgba(37,82,61,.18),transparent)!important}
  .otkp.is-mobile-app .otkp-field-v2[data-field-theme="dark"] .otkp-field-map-toolbar-pro .otkp-map-tool-separator{background:linear-gradient(180deg,transparent,rgba(173,220,194,.17),transparent)!important}
}
@media(max-width:767px){
  .otkp.is-mobile-app .otkp-field-head-actions .otkp-field-theme-switch{height:52px!important;min-height:52px!important}
  .otkp.is-mobile-app .otkp-field-theme-switch button{min-height:44px!important;height:44px!important}
  .otkp.is-mobile-app .otkp-search>button{width:44px!important;height:44px!important;top:1px!important;right:1px!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-region-search button{width:44px!important;height:44px!important;min-height:44px!important;margin-right:-5px!important}
}
@media(max-width:767px){
  .otkp.is-mobile-app .otkp-field-v2 .otkp-field-regional-filters button{min-height:44px!important;height:44px!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-regional-trail-main{min-height:44px!important}
  .otkp.is-mobile-app .otkp-field-map-toolbar-pro button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
}
/* 7.0.1.17 contrast QA */
@media(max-width:767px){
  .otkp-mobile-app-nav button.is-plan.is-active{color:#4a2600!important}
  .otkp.is-mobile-app .otkp-field-trip-actions [data-field-nav-start]{background:#147d48!important;border-color:#147d48!important;color:#fff!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-regional-actions .is-start:not(.is-approx-start){background:linear-gradient(180deg,#168a4e,#117542)!important;border-color:#2a9a60!important;color:#fff!important}
  .otkp.is-mobile-app .otkp-field-v2 .otkp-regional-actions .is-map{background:linear-gradient(180deg,#087d8e,#066879)!important;border-color:#2193a2!important;color:#fff!important}
}

/* ========================================================================== 
   OdpocznijTu 7.0.1.18 — GPS Accuracy & Navigation Stability
   ========================================================================== */
.otkp-field-v2 [data-field-accuracy],
.otkp-field-v2 [data-field-accuracy-copy]{transition:color .18s ease}
.otkp-field-v2 [data-field-accuracy][data-quality="excellent"],
.otkp-field-v2 [data-field-accuracy-copy][data-quality="excellent"],
.otkp-field-v2 [data-field-accuracy][data-quality="good"],
.otkp-field-v2 [data-field-accuracy-copy][data-quality="good"]{color:#38b978!important}
.otkp-field-v2 [data-field-accuracy][data-quality="fair"],
.otkp-field-v2 [data-field-accuracy-copy][data-quality="fair"]{color:#d9ad38!important}
.otkp-field-v2 [data-field-accuracy][data-quality="weak"],
.otkp-field-v2 [data-field-accuracy-copy][data-quality="weak"]{color:#e78b34!important}
.otkp-field-v2 [data-field-accuracy][data-quality="poor"],
.otkp-field-v2 [data-field-accuracy-copy][data-quality="poor"]{color:#e86666!important}
.otkp-field-v2[data-field-theme="light"] [data-field-accuracy][data-quality="excellent"],
.otkp-field-v2[data-field-theme="light"] [data-field-accuracy-copy][data-quality="excellent"],
.otkp-field-v2[data-field-theme="light"] [data-field-accuracy][data-quality="good"],
.otkp-field-v2[data-field-theme="light"] [data-field-accuracy-copy][data-quality="good"]{color:#137646!important}
.otkp-field-v2[data-field-theme="light"] [data-field-accuracy][data-quality="fair"],
.otkp-field-v2[data-field-theme="light"] [data-field-accuracy-copy][data-quality="fair"]{color:#8a6800!important}
.otkp-field-v2[data-field-theme="light"] [data-field-accuracy][data-quality="weak"],
.otkp-field-v2[data-field-theme="light"] [data-field-accuracy-copy][data-quality="weak"]{color:#a65308!important}
.otkp-field-v2[data-field-theme="light"] [data-field-accuracy][data-quality="poor"],
.otkp-field-v2[data-field-theme="light"] [data-field-accuracy-copy][data-quality="poor"]{color:#ad3030!important}
.otkp-field-gps-help{margin-top:9px;border-top:1px solid var(--f-line);padding-top:8px;color:var(--f-muted)}
.otkp-field-gps-help summary{cursor:pointer;min-height:34px;display:flex;align-items:center;font-size:10.5px;font-weight:800;color:var(--f-text);list-style:none}
.otkp-field-gps-help summary::-webkit-details-marker{display:none}.otkp-field-gps-help summary:before{content:'ⓘ';margin-right:7px;color:#2c91c8}.otkp-field-gps-help[open] summary:after{content:'⌃';margin-left:auto}.otkp-field-gps-help:not([open]) summary:after{content:'⌄';margin-left:auto}
.otkp-field-gps-help>div{padding:6px 1px 2px;font-size:10px;line-height:1.45}.otkp-field-gps-help p{margin:0 0 6px}.otkp-field-gps-help ul{margin:0;padding-left:18px}.otkp-field-gps-help li+li{margin-top:3px}
.otkp-field-user-pin.is-poor{box-shadow:0 0 0 4px rgba(213,74,74,.18),0 3px 10px #0c29402c}.otkp-field-user-pin.is-weak{box-shadow:0 0 0 4px rgba(228,123,24,.16),0 3px 10px #0c29402c}.otkp-field-user-pin.is-fair{box-shadow:0 0 0 3px rgba(212,162,27,.14),0 3px 10px #0c29402c}
@media(max-width:767px){.otkp-field-gps-help summary{min-height:44px;font-size:12px}.otkp-field-gps-help>div{font-size:11.5px;line-height:1.5}.otkp-field-v2 [data-field-accuracy],.otkp-field-v2 [data-field-accuracy-copy]{white-space:normal!important}}

/* ========================================================================== 
   OdpocznijTu 7.0.1.19 — Fullscreen Map Fit + Mobile Category Strip Fix
   Fixes two production regressions visible on Android mobile screenshots:
   1) nested field workspace kept the 58vh mobile height in fullscreen;
   2) flex-shrinking map category pills let labels escape outside their fields.
   ========================================================================== */

/* FULLSCREEN FIELD MAP: authoritative final geometry.
   The map shell is nested in .otkp-field-workspace, so the old direct-child
   fullscreen selector did not override the mobile 58vh rule. */
.otkp-field-v2:fullscreen,
.otkp-field-fallback-fullscreen{
  width:100vw!important;
  width:var(--otkp-field-viewport-w,100vw)!important;
  height:100dvh!important;
  height:var(--otkp-field-viewport-h,100dvh)!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
.otkp-field-v2:fullscreen>.otkp-field-workspace,
.otkp-field-fallback-fullscreen>.otkp-field-workspace{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  overflow:hidden!important;
}
.otkp-field-v2:fullscreen>.otkp-field-workspace>.otkp-field-map-shell,
.otkp-field-fallback-fullscreen>.otkp-field-workspace>.otkp-field-map-shell{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
}
.otkp-field-v2:fullscreen>.otkp-field-workspace>.otkp-field-map-shell>.otkp-field-map,
.otkp-field-fallback-fullscreen>.otkp-field-workspace>.otkp-field-map-shell>.otkp-field-map{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
}
/* Prevent hidden regional/panel content from reserving any fullscreen geometry. */
.otkp-field-v2:fullscreen>.otkp-field-workspace>.otkp-field-regional,
.otkp-field-fallback-fullscreen>.otkp-field-workspace>.otkp-field-regional{
  display:none!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}

/* MOBILE MAP CATEGORIES: content-sized pills + native horizontal scrolling. */
@media(max-width:767px){
  .otkp.is-mobile-app .otkp-scroll-nav-shell:has(>.otkp-map-layers){
    width:100%!important;
    min-width:0!important;
    margin-bottom:19px!important;
    overflow:visible!important;
  }
  .otkp.is-mobile-app .otkp-scroll-nav-shell:has(>.otkp-map-layers)::before,
  .otkp.is-mobile-app .otkp-scroll-nav-shell:has(>.otkp-map-layers)::after{
    display:none!important;
    content:none!important;
  }
  .otkp.is-mobile-app .otkp-scroll-nav-shell:has(>.otkp-map-layers)>.otkp-scroll-arrow{
    display:none!important;
  }
  .otkp.is-mobile-app .otkp-scroll-nav-shell:has(>.otkp-map-layers)>.otkp-scroll-hint{
    display:none!important;
    right:9px!important;
    bottom:-17px!important;
    padding:1px 5px!important;
    background:transparent!important;
    color:#1677a8!important;
    font-size:9.5px!important;
    line-height:1.15!important;
    box-shadow:none!important;
  }
  .otkp.is-mobile-app .otkp-scroll-nav-shell.is-scrollable:has(>.otkp-map-layers)>.otkp-scroll-hint{display:inline-flex!important}
  .otkp.is-mobile-app .otkp-map-layers{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:8px 10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-padding-inline:10px!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    overscroll-behavior-inline:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .otkp.is-mobile-app .otkp-map-layers::-webkit-scrollbar{display:none!important}
  .otkp.is-mobile-app .otkp-map-layers button{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:none!important;
    min-height:44px!important;
    padding:9px 16px!important;
    border-radius:999px!important;
    font-size:13px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    scroll-snap-align:start!important;
  }
  .otkp.is-mobile-app .otkp-map-layers button:first-child{margin-left:0!important}
  .otkp.is-mobile-app .otkp-map-layers button:last-child{margin-right:2px!important}
}

/* Extra-small phones: keep readable labels; scroll rather than shrink them. */
@media(max-width:359px){
  .otkp.is-mobile-app .otkp-map-layers{gap:6px!important;padding-inline:8px!important;scroll-padding-inline:8px!important}
  .otkp.is-mobile-app .otkp-map-layers button{padding-inline:14px!important;font-size:12.5px!important}
}

/* ========================================================================== 
   OdpocznijTu 7.0.1.19.1 — Map Panel Collision & Visual Polish Hotfix
   Open map functions panel and the pro toolbar are mutually exclusive.
   ========================================================================== */
.otkp-field-desktop-menu{
  transition:right .18s ease,transform .18s ease!important;
}
.otkp-field-desktop-menu-panel{
  box-sizing:border-box!important;
  width:min(310px,calc(100vw - 40px))!important;
  max-height:calc(100% - 66px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  padding:14px!important;
  border:1px solid rgba(45,87,68,.15)!important;
  border-radius:18px!important;
  background:rgba(252,253,251,.975)!important;
  color:#163f31!important;
  box-shadow:0 20px 54px rgba(20,52,39,.24),inset 0 1px 0 rgba(255,255,255,.88)!important;
  backdrop-filter:blur(16px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08)!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(37,88,65,.28) transparent!important;
}
.otkp-field-desktop-menu-panel>strong{
  display:block!important;
  margin:0!important;
  padding:2px 5px 11px!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  color:#6d8278!important;
}
.otkp-field-desktop-menu-panel>button{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:46px!important;
  margin:0!important;
  padding:9px 10px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#163f31!important;
  text-align:left!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:780!important;
  cursor:pointer!important;
  transition:background .14s ease,color .14s ease,transform .14s ease!important;
}
.otkp-field-desktop-menu-panel>button:hover,
.otkp-field-desktop-menu-panel>button:focus-visible{
  background:#eef7f1!important;
  color:#0f6847!important;
}
.otkp-field-desktop-menu-panel>button:active{transform:scale(.985)!important}
.otkp-field-desktop-menu-panel>button:focus-visible{outline:3px solid rgba(39,142,91,.2)!important;outline-offset:1px!important}
.otkp-field-layer-select,
.otkp-field-desktop-filters{
  display:grid!important;
  gap:7px!important;
  margin-top:5px!important;
  padding:12px 4px 5px!important;
  border-top:1px solid rgba(42,86,66,.14)!important;
}
.otkp-field-layer-select span,
.otkp-field-desktop-filters span{
  font-size:9.5px!important;
  line-height:1.15!important;
  font-weight:850!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
  color:#758d82!important;
}
.otkp-field-layer-select select,
.otkp-field-desktop-filters select{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  padding:0 34px 0 11px!important;
  border:1px solid #cadbd3!important;
  border-radius:10px!important;
  background-color:rgba(255,255,255,.98)!important;
  color:#21493a!important;
  font-size:12.5px!important;
  line-height:1.2!important;
}
.otkp-field-map-toolbar-pro{
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
}
/* The panel owns the map-control space while it is open. Do not overlap it. */
.otkp-field-map-shell.is-map-menu-open .otkp-field-map-toolbar-pro{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateX(18px)!important;
}
.otkp-field-map-shell.is-map-menu-open .otkp-field-desktop-menu{
  right:14px!important;
}
.otkp-field-desktop-menu.is-open .otkp-field-desktop-menu-toggle{
  background:#f3faf5!important;
  border-color:rgba(32,121,78,.27)!important;
  color:#126344!important;
  box-shadow:0 9px 24px rgba(20,65,45,.18)!important;
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-desktop-menu-panel{
  border-color:rgba(140,196,165,.18)!important;
  background:rgba(10,31,38,.97)!important;
  color:#e3f3e9!important;
  box-shadow:0 22px 58px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-desktop-menu-panel>strong,
.otkp-field-v2[data-field-theme="dark"] .otkp-field-layer-select span,
.otkp-field-v2[data-field-theme="dark"] .otkp-field-desktop-filters span{color:#91aa9f!important}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-desktop-menu-panel>button{color:#def2e6!important}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-desktop-menu-panel>button:hover,
.otkp-field-v2[data-field-theme="dark"] .otkp-field-desktop-menu-panel>button:focus-visible{background:#163b32!important;color:#fff!important}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-layer-select,
.otkp-field-v2[data-field-theme="dark"] .otkp-field-desktop-filters{border-top-color:rgba(148,194,170,.15)!important}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-layer-select select,
.otkp-field-v2[data-field-theme="dark"] .otkp-field-desktop-filters select{border-color:#365a4c!important;background:#102f37!important;color:#eef8f2!important}
@media(max-width:1199px) and (min-width:900px){
  .otkp-field-desktop-menu-panel{width:min(300px,calc(100vw - 28px))!important}
  .otkp-field-map-shell.is-map-menu-open .otkp-field-desktop-menu{right:10px!important}
}
@media(prefers-reduced-motion:reduce){
  .otkp-field-desktop-menu,.otkp-field-map-toolbar-pro,.otkp-field-desktop-menu-panel>button{transition:none!important}
}

/* ========================================================================== 
   OdpocznijTu 7.0.1.19.2 — Map Functions Panel Runtime Fix
   Fixes the collapsed panel caused by max-height being resolved against the
   40px toggle container instead of the actual map/viewport.
   ========================================================================== */
.otkp-field-desktop-menu-panel{
  max-height:var(--otkp-map-menu-max-h,min(520px,calc(100dvh - 120px)))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.otkp-field-desktop-menu-head{
  position:sticky!important;
  top:-14px!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:-14px -14px 4px!important;
  padding:14px 14px 10px!important;
  background:linear-gradient(180deg,rgba(252,253,251,.995) 78%,rgba(252,253,251,.94))!important;
  border-bottom:1px solid rgba(42,86,66,.12)!important;
}
.otkp-field-desktop-menu-head>strong{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  color:#607a6e!important;
}
.otkp-field-desktop-menu-head>[data-field-desktop-close]{
  flex:0 0 36px!important;
  width:36px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0!important;
  border:1px solid rgba(44,91,69,.13)!important;
  border-radius:10px!important;
  background:#f3f8f5!important;
  color:#174c38!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  font-size:22px!important;
  font-weight:400!important;
  line-height:1!important;
}
.otkp-field-desktop-menu-head>[data-field-desktop-close]:hover,
.otkp-field-desktop-menu-head>[data-field-desktop-close]:focus-visible{
  background:#e6f3eb!important;
  color:#0c6844!important;
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-desktop-menu-head{
  background:linear-gradient(180deg,rgba(10,31,38,.995) 78%,rgba(10,31,38,.94))!important;
  border-bottom-color:rgba(148,194,170,.14)!important;
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-desktop-menu-head>strong{color:#9ab2a7!important}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-desktop-menu-head>[data-field-desktop-close]{
  border-color:#365a4c!important;
  background:#14363c!important;
  color:#e7f5ec!important;
}

/* ========================================================================== 
   OdpocznijTu 7.0.1.20 — Trail Summary / Difficulty System Rebuild
   Semantyka: kolor = trudność, typ = ikona/etykieta, oznakowanie terenowe osobno.
   ========================================================================== */
.otkp-field-v2 .otkp-field-bottom-grid{
  display:grid!important;
  gap:12px!important;
  align-items:stretch!important;
  grid-auto-rows:1fr!important;
}
@media(min-width:1400px){
  .otkp-field-v2 .otkp-field-bottom-grid{grid-template-columns:minmax(420px,1.6fr) repeat(3,minmax(210px,1fr))!important}
}
@media(min-width:1180px) and (max-width:1399px){
  .otkp-field-v2 .otkp-field-bottom-grid{grid-template-columns:minmax(390px,1.55fr) repeat(3,minmax(190px,1fr))!important}
}
@media(min-width:768px) and (max-width:1179px){
  .otkp-field-v2 .otkp-field-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .otkp-field-v2 .otkp-field-selected-panel{grid-column:1/-1!important}
  .otkp-field-v2 .otkp-field-safety-panel{grid-column:1/-1!important}
}
.otkp-field-v2 .otkp-field-bottom-grid>section{
  height:100%!important;
  min-height:310px!important;
  align-self:stretch!important;
  padding:16px!important;
  border:1px solid color-mix(in srgb,var(--f-line) 88%,transparent)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--f-panel-2) 48%,var(--f-panel)),var(--f-panel))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 26px rgba(0,0,0,.06)!important;
  overflow:hidden!important;
}
.otkp-field-v2 .otkp-field-bottom-grid>section>h3{
  margin:0 0 14px!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:760!important;
  color:var(--f-text)!important;
  letter-spacing:-.015em!important;
}

/* Wybrany szlak */
.otkp-field-v2 .otkp-field-selected-panel{position:relative!important}
.otkp-field-v2 .otkp-field-selected-panel:has(.otkp-selected-trail-card):before{
  content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--trail,#71818a);border-radius:15px 0 0 15px
}
.otkp-field-v2 .otkp-field-selected-panel.has-regional-selection .otkp-field-catalog-route{display:none!important}
.otkp-selected-trail-card{display:grid!important;gap:12px!important;min-width:0!important}
.otkp-selected-trail-heading{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center;min-width:0}
.otkp-selected-type-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--trail) 15%,var(--f-panel-2));border:1px solid color-mix(in srgb,var(--trail) 55%,var(--f-line));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.otkp-selected-type-icon .otkp-regional-type-image{width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important}
.otkp-selected-title-wrap{display:grid;gap:5px;min-width:0}
.otkp-selected-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.otkp-selected-type-badge,.otkp-selected-difficulty{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:999px;font-size:10.5px;font-weight:850;line-height:1.1}
.otkp-selected-type-badge{background:var(--f-panel-2);border:1px solid var(--f-line);color:var(--f-muted)}
.otkp-selected-difficulty{background:color-mix(in srgb,var(--trail) 18%,var(--f-panel));border:1px solid color-mix(in srgb,var(--trail) 58%,var(--f-line));color:color-mix(in srgb,var(--trail) 72%,var(--f-text))}
.otkp-field-v2[data-field-theme="dark"] .otkp-selected-difficulty{color:color-mix(in srgb,var(--trail) 45%,#fff)}
.otkp-selected-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:18px!important;line-height:1.2!important;font-weight:800!important;color:var(--f-text)!important;letter-spacing:-.015em}
.otkp-selected-title-wrap>small{font-size:11px!important;line-height:1.35!important;color:var(--f-muted)!important}
.otkp-selected-quick-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.otkp-selected-quick-stats>span{min-width:0;padding:9px 10px;border:1px solid var(--f-line);border-radius:10px;background:var(--f-panel-2)}
.otkp-selected-quick-stats small{display:block;margin-bottom:3px;font-size:9px!important;line-height:1.1;text-transform:uppercase;letter-spacing:.045em;color:var(--f-muted)!important}
.otkp-selected-quick-stats b{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px!important;line-height:1.25;color:var(--f-text)!important;overflow-wrap:anywhere}
.otkp-selected-quick-stats .is-difficulty{border-color:color-mix(in srgb,var(--trail) 50%,var(--f-line));background:color-mix(in srgb,var(--trail) 9%,var(--f-panel-2))}
.otkp-selected-quick-stats .is-marking b i{display:inline-block;width:18px;height:5px;flex:0 0 18px;border-radius:5px;background:var(--marking);box-shadow:0 0 0 1px rgba(255,255,255,.13)}
.otkp-selected-profile{height:104px!important;border-radius:11px!important;border-color:color-mix(in srgb,var(--trail) 32%,var(--f-line))!important;background:linear-gradient(to top,color-mix(in srgb,var(--trail) 12%,transparent),transparent)!important;color:var(--trail)!important}
.otkp-selected-profile svg{opacity:.9!important}.otkp-selected-profile>span{left:9px!important;right:9px!important;bottom:7px!important;width:max-content;max-width:calc(100% - 18px);font-size:9px!important;line-height:1.25!important;white-space:normal!important;color:var(--f-muted)!important}
.otkp-selected-trail-meta{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
.otkp-selected-trail-meta span{padding:8px 9px;border:1px solid var(--f-line);border-radius:9px;background:color-mix(in srgb,var(--f-panel-2) 76%,transparent)}
.otkp-selected-trail-meta small{font-size:9px!important;line-height:1.1!important;text-transform:uppercase;letter-spacing:.035em;color:var(--f-muted)!important}
.otkp-selected-trail-meta b{margin-top:3px;font-size:11.5px!important;line-height:1.3!important;color:var(--f-text)!important;overflow-wrap:anywhere}
.otkp-selected-plan{min-height:46px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border-radius:11px!important;font-size:14px!important;font-weight:800!important;background:var(--trail)!important;border-color:var(--trail)!important;color:#fff!important;box-shadow:0 7px 18px color-mix(in srgb,var(--trail) 22%,transparent)!important}
.otkp-selected-plan svg{width:18px!important;height:18px!important}
.otkp-selected-approx-note{border-color:color-mix(in srgb,#d7ac22 60%,var(--f-line))!important;background:color-mix(in srgb,#d7ac22 11%,var(--f-panel-2))!important}

/* Legenda: osobno trudność, typ i kolor znakowania. */
.otkp-field-legend-system{display:grid;gap:14px}
.otkp-field-legend-group{display:grid;gap:8px}
.otkp-field-legend-group>strong{font-size:11px;color:var(--f-muted);text-transform:uppercase;letter-spacing:.055em}
.otkp-field-difficulty-legend,.otkp-field-type-legend{display:grid;gap:7px}
.otkp-field-difficulty-legend span,.otkp-field-type-legend span{display:flex;align-items:center;gap:8px;min-height:28px;font-size:12px;color:var(--f-text)}
.otkp-field-difficulty-legend i{width:25px;height:7px;flex:0 0 25px;border-radius:7px;background:var(--legend);box-shadow:0 0 0 1px color-mix(in srgb,var(--legend) 65%,transparent)}
.otkp-field-type-legend{grid-template-columns:1fr}
.otkp-field-legend-note{display:block;padding-top:10px;border-top:1px solid var(--f-line);font-size:10.5px;line-height:1.45;color:var(--f-muted)}

/* GPS: status i wartości mają być informacją, nie mikro-etykietą. */
.otkp-field-v2 .otkp-field-gps-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important}
.otkp-field-gps-state{grid-column:1/-1!important;display:flex!important;align-items:flex-start!important;gap:8px!important;min-height:50px;padding:10px 11px;border:1px solid var(--f-line);border-radius:10px;background:var(--f-panel-2);font-size:12px!important;line-height:1.35!important;color:var(--f-text)!important}
.otkp-field-gps-state i{width:9px;height:9px;flex:0 0 9px;margin-top:4px;border-radius:50%;background:#71818a;box-shadow:0 0 0 4px color-mix(in srgb,#71818a 14%,transparent)}
.otkp-field-v2.is-gps-active .otkp-field-gps-state i{background:#2ea866;box-shadow:0 0 0 4px color-mix(in srgb,#2ea866 16%,transparent)}
.otkp-field-gps-state b{font-size:12px!important;line-height:1.35!important;font-weight:720!important;color:var(--f-text)!important;overflow-wrap:anywhere}
.otkp-field-v2 .otkp-field-gps-summary>div{min-height:74px!important;display:flex;flex-direction:column;justify-content:center;padding:10px 11px!important;border-radius:10px!important;background:var(--f-panel-2)!important}
.otkp-field-v2 .otkp-field-gps-summary>div small{font-size:9.5px!important;line-height:1.2!important;text-transform:uppercase;letter-spacing:.035em;color:var(--f-muted)!important}
.otkp-field-v2 .otkp-field-gps-summary>div strong{margin-top:5px;font-size:17px!important;line-height:1.2!important;font-weight:800!important;color:var(--f-text)!important;white-space:normal!important;overflow-wrap:anywhere}
.otkp-field-gps-help{margin-top:12px!important}.otkp-field-gps-help summary{min-height:40px!important;font-size:11.5px!important}.otkp-field-gps-help>div{font-size:11px!important}

/* Bezpieczeństwo */
.otkp-field-safety{display:grid!important;gap:12px!important}
.otkp-field-safety ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.otkp-field-safety li{position:relative;padding-left:21px;font-size:12px;line-height:1.45;color:var(--f-text)}
.otkp-field-safety li:before{content:"✓";position:absolute;left:0;top:0;color:#2ea866;font-weight:900}
.otkp-field-v2 .otkp-field-safety button{margin-top:2px;min-height:46px!important;width:100%;padding:8px 12px!important;border-radius:10px!important;font-size:12px!important;background:var(--f-panel-2)!important;color:var(--f-text)!important}

/* Katalog tras: główny kolor karty = trudność, nie typ/kolor znakowania. */
.otkp-regional-difficulty-badge{display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:3px 7px;border-radius:999px;border:1px solid color-mix(in srgb,var(--trail) 60%,transparent);background:color-mix(in srgb,var(--trail) 16%,rgba(0,0,0,.08));color:#fff;font-size:9.5px;font-weight:850;white-space:nowrap}
.otkp-regional-difficulty-badge small{font-size:7.5px!important;opacity:.76}
.otkp-regional-marking-inline{display:inline-flex;align-items:center;gap:6px}.otkp-regional-marking-inline i{width:18px;height:5px;border-radius:5px;background:var(--marking);display:inline-block;flex:0 0 18px}
.otkp-regional-trail{border-left-color:var(--trail)!important}
.otkp-field-route-summary{border-left:4px solid var(--route-difficulty);padding-left:11px!important}
.otkp-field-route-summary-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.otkp-field-route-summary-head>b{padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--route-difficulty) 14%,var(--f-panel-2));border:1px solid color-mix(in srgb,var(--route-difficulty) 45%,var(--f-line));font-size:10px;color:var(--f-text)}

@media(max-width:1399px){
  .otkp-field-v2 .otkp-field-bottom-grid>section{min-height:290px!important}
}
@media(max-width:900px){
  .otkp-selected-quick-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .otkp-field-v2 .otkp-field-bottom-grid{grid-template-columns:1fr!important;grid-auto-rows:auto!important;gap:8px!important}
  .otkp-field-v2 .otkp-field-bottom-grid>section{min-height:0!important;height:auto!important;padding:11px!important;border-radius:12px!important}
  .otkp-field-v2 .otkp-field-selected-panel{grid-column:auto!important}
  .otkp-selected-trail-heading{grid-template-columns:48px minmax(0,1fr);gap:9px}.otkp-selected-type-icon{width:48px;height:48px;border-radius:12px}.otkp-selected-type-icon .otkp-regional-type-image{width:31px!important;height:31px!important;min-width:31px!important}
  .otkp-selected-title{font-size:17px!important}.otkp-selected-title-wrap>small{font-size:11px!important}
  .otkp-selected-quick-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.otkp-selected-quick-stats>span{padding:8px}.otkp-selected-quick-stats b{font-size:12.5px!important}
  .otkp-selected-profile{height:90px!important}
  .otkp-selected-trail-meta{grid-template-columns:1fr!important}.otkp-selected-plan{min-height:46px!important}
  .otkp-field-v2 .otkp-field-bottom-grid>section>h3{font-size:17px!important;margin-bottom:9px!important}
  .otkp-field-difficulty-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.otkp-field-type-legend{grid-template-columns:repeat(2,minmax(0,1fr))}
  .otkp-regional-difficulty-badge{font-size:9px}
}
@media(max-width:430px){
  .otkp-selected-badges{gap:5px}.otkp-selected-type-badge,.otkp-selected-difficulty{font-size:9.5px;padding:4px 6px}
  .otkp-field-difficulty-legend,.otkp-field-type-legend{grid-template-columns:1fr}
}
/* 7.0.1.20 final balancing */
.otkp-field-v2 .otkp-field-selected-panel:has(.otkp-selected-trail-card):before{display:none!important}
.otkp-selected-trail-card{padding-left:12px;border-left:4px solid var(--trail)}
.otkp-selected-plan{background:var(--f-accent)!important;border-color:var(--f-accent)!important;box-shadow:0 7px 18px color-mix(in srgb,var(--f-accent) 22%,transparent)!important}
.otkp-field-v2 .otkp-regional-identity-top{flex-wrap:wrap!important;justify-content:flex-start!important}
.otkp-field-v2 .otkp-regional-identity-top .otkp-trail-status{margin-left:auto!important}
@media(max-width:767px){
 .otkp-field-v2 .otkp-regional-identity-top{display:flex!important;flex-wrap:wrap!important;align-items:center!important}
 .otkp-field-v2 .otkp-regional-identity-top .otkp-regional-type-label{flex:1 1 auto!important}
 .otkp-field-v2 .otkp-regional-difficulty-badge{order:3!important}
 .otkp-field-v2 .otkp-regional-identity-top .otkp-trail-status{margin-left:auto!important}
}

/* ========================================================================== 
   OdpocznijTu 7.0.1.21 — Weather Readability & Visual Scale Rebuild
   Wzorzec: zaakceptowana makieta dużego, czytelnego panelu pogodowego.
   ========================================================================== */
.otkp-weather.otkp-weather-dashboard{
  --otkp-weather-panel:#0a3767;
  --otkp-weather-panel-2:#103f70;
  --otkp-weather-tile:rgba(37,88,135,.68);
  --otkp-weather-line:rgba(190,221,244,.20);
  --otkp-weather-soft:rgba(255,255,255,.78);
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  padding:18px!important;
  border:1px solid rgba(169,211,242,.35)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,#072f5d 0%,#0b4075 52%,#072f5d 100%)!important;
  box-shadow:0 14px 34px rgba(5,25,50,.22),inset 0 1px 0 rgba(255,255,255,.05)!important;
  color:#fff!important;
}
.otkp-weather-dashboard .otkp-weather-header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:0 2px 2px!important;
}
.otkp-weather-dashboard .otkp-weather-header>div:first-child{min-width:0!important}
.otkp-weather-dashboard .otkp-weather-header strong{
  display:block!important;
  font-size:clamp(27px,2.05vw,34px)!important;
  line-height:1.06!important;
  letter-spacing:-.025em!important;
  font-weight:750!important;
}
.otkp-weather-dashboard .otkp-weather-header>div:first-child>small{
  display:block!important;
  margin-top:5px!important;
  font-size:14px!important;
  line-height:1.25!important;
  opacity:.86!important;
}
.otkp-weather-dashboard .otkp-weather-header>div:first-child>small:before{
  content:'📍';
  display:inline-block;
  margin-right:5px;
  font-size:14px;
  transform:translateY(-1px);
}
.otkp-weather-dashboard .otkp-weather-condition{
  display:block!important;
  margin-top:6px!important;
  font-size:14px!important;
  line-height:1.25!important;
  opacity:.96!important;
  text-transform:capitalize!important;
}
.otkp-weather-dashboard .otkp-weather-refresh-small{
  min-height:40px!important;
  margin-top:10px!important;
  padding:8px 15px!important;
  border:1px solid rgba(210,231,248,.58)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:650!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.otkp-weather-dashboard .otkp-weather-refresh-small:hover{background:rgba(255,255,255,.12)!important}
.otkp-weather-dashboard .otkp-weather-now{
  flex:0 0 auto!important;
  align-self:flex-start!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding-top:5px!important;
}
.otkp-weather-dashboard .otkp-weather-now span{
  font-size:58px!important;
  line-height:1!important;
  filter:drop-shadow(0 3px 3px rgba(0,0,0,.16));
}
.otkp-weather-dashboard .otkp-weather-now b{
  font-size:50px!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
  font-weight:500!important;
  white-space:nowrap!important;
}
.otkp-weather-dashboard .otkp-weather-meta{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
}
.otkp-weather-dashboard .otkp-weather-meta>span{
  min-width:0!important;
  min-height:98px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:12px 8px!important;
  border:1px solid var(--otkp-weather-line)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(45,96,145,.72),rgba(31,76,120,.70))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  text-align:center!important;
  font-size:25px!important;
  line-height:1!important;
}
.otkp-weather-dashboard .otkp-weather-meta b{
  display:block!important;
  margin-top:8px!important;
  font-size:18px!important;
  line-height:1.08!important;
  font-weight:750!important;
}
.otkp-weather-dashboard .otkp-weather-meta small{
  display:block!important;
  margin-top:6px!important;
  font-size:13px!important;
  line-height:1.1!important;
  opacity:.9!important;
}
.otkp-weather-details{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.otkp-weather-details>span{
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:9px 13px!important;
  border:1px solid var(--otkp-weather-line)!important;
  border-radius:12px!important;
  background:rgba(29,75,119,.69)!important;
}
.otkp-weather-details small{
  min-width:0!important;
  font-size:13.5px!important;
  line-height:1.15!important;
  opacity:.87!important;
}
.otkp-weather-details b{
  flex:0 0 auto!important;
  font-size:15.5px!important;
  line-height:1!important;
  font-weight:750!important;
  white-space:nowrap!important;
}
.otkp-weather-block{
  min-width:0!important;
  margin:0!important;
  padding:13px!important;
  border:1px solid var(--otkp-weather-line)!important;
  border-radius:14px!important;
  background:rgba(23,68,109,.68)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.otkp-weather-hourly-block,.otkp-weather-plan-block,.otkp-weather-nextdays,.otkp-weather-week{
  flex:0 0 auto!important;
  min-height:0!important;
}
.otkp-weather-block-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:11px!important;
}
.otkp-weather-block-head strong{
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:750!important;
}
.otkp-weather-block-head small{
  font-size:12.5px!important;
  line-height:1!important;
  opacity:.78!important;
  white-space:nowrap!important;
}
.otkp-weather-dashboard .otkp-weather-hours{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(82px,1fr))!important;
  gap:0!important;
  padding:0!important;
  background:transparent!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.35) rgba(255,255,255,.08)!important;
}
.otkp-weather-dashboard .otkp-weather-hours article{
  min-width:82px!important;
  min-height:165px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px 8px!important;
  border:0!important;
  border-right:1px solid rgba(203,225,242,.20)!important;
  background:transparent!important;
  scroll-snap-align:start!important;
  text-align:center!important;
}
.otkp-weather-dashboard .otkp-weather-hours article:last-child{border-right:0!important}
.otkp-weather-dashboard .otkp-weather-hours span{
  font-size:13px!important;
  line-height:1.1!important;
  opacity:.94!important;
}
.otkp-weather-dashboard .otkp-weather-hours b{
  display:block!important;
  margin:10px 0 8px!important;
  font-size:35px!important;
  line-height:1!important;
  font-weight:400!important;
}
.otkp-weather-dashboard .otkp-weather-hours strong{
  display:block!important;
  font-size:18px!important;
  line-height:1.05!important;
  font-weight:750!important;
}
.otkp-weather-dashboard .otkp-weather-hours small{
  display:block!important;
  margin-top:9px!important;
  font-size:11.5px!important;
  line-height:1.25!important;
  opacity:.9!important;
  white-space:nowrap!important;
}
.otkp-weather-plan-hints{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:none!important;
  gap:8px!important;
}
.otkp-weather-plan-hints>span{
  min-width:0!important;
  min-height:74px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:10px!important;
  align-content:center!important;
  padding:10px 12px!important;
  border:1px solid rgba(210,231,248,.12)!important;
  border-radius:12px!important;
  background:rgba(42,88,133,.68)!important;
  box-shadow:inset 4px 0 #59d987!important;
}
.otkp-weather-plan-hints i{
  grid-column:1!important;
  grid-row:1/3!important;
  align-self:center!important;
  justify-self:center!important;
  font-style:normal!important;
  font-size:30px!important;
  line-height:1!important;
}
.otkp-weather-plan-hints b{
  min-width:0!important;
  font-size:15px!important;
  line-height:1.12!important;
  font-weight:750!important;
}
.otkp-weather-plan-hints small{
  min-width:0!important;
  margin-top:4px!important;
  font-size:12px!important;
  line-height:1.22!important;
  opacity:.90!important;
}
.otkp-weather-plan-hints .is-good{box-shadow:inset 4px 0 #59d987!important}
.otkp-weather-plan-hints .is-warn{box-shadow:inset 4px 0 #f2bb4c!important}
.otkp-weather-dashboard .otkp-weather-nextdays{
  padding:13px!important;
}
.otkp-weather-dashboard .otkp-weather-nextdays>[data-weather-nextdays]{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(105px,1fr))!important;
  gap:8px!important;
  overflow-x:auto!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:thin!important;
}
.otkp-weather-dashboard .otkp-weather-nextdays article{
  min-width:105px!important;
  min-height:96px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:10px!important;
  border:1px solid rgba(210,231,248,.10)!important;
  border-radius:12px!important;
  background:rgba(49,94,139,.66)!important;
  scroll-snap-align:start!important;
}
.otkp-weather-dashboard .otkp-weather-nextdays article span{
  font-size:12.5px!important;
  line-height:1.1!important;
  opacity:.92!important;
}
.otkp-weather-dashboard .otkp-weather-nextdays article b{
  display:block!important;
  margin:8px 0 5px!important;
  font-size:16px!important;
  line-height:1.18!important;
  font-weight:750!important;
}
.otkp-weather-dashboard .otkp-weather-nextdays article small{
  font-size:11px!important;
  line-height:1.25!important;
  opacity:.88!important;
}
.otkp-weather-week [data-weather-week]{
  display:flex!important;
  gap:7px!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.38) rgba(255,255,255,.09)!important;
  padding:0 0 5px!important;
}
.otkp-weather-week [data-weather-week] article{
  flex:0 0 88px!important;
  min-width:88px!important;
  min-height:112px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 6px!important;
  border:1px solid rgba(210,231,248,.10)!important;
  border-radius:12px!important;
  background:rgba(42,88,133,.64)!important;
  scroll-snap-align:start!important;
  text-align:center!important;
}
.otkp-weather-week article span,.otkp-weather-week article b,.otkp-weather-week article strong,.otkp-weather-week article small{display:block!important}
.otkp-weather-week article span{
  font-size:12px!important;
  line-height:1.1!important;
  text-transform:capitalize!important;
  opacity:.94!important;
}
.otkp-weather-week article b{
  margin:7px 0 5px!important;
  font-size:30px!important;
  line-height:1!important;
  font-weight:400!important;
}
.otkp-weather-week article strong{
  font-size:17px!important;
  line-height:1!important;
  font-weight:750!important;
}
.otkp-weather-week article small{
  margin-top:6px!important;
  font-size:10.5px!important;
  line-height:1.18!important;
  opacity:.88!important;
  white-space:nowrap!important;
}
.otkp-weather-dashboard .otkp-weather-alert{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:48px!important;
  margin:0!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  font-size:12.5px!important;
  line-height:1.3!important;
}
.otkp-weather-dashboard .otkp-weather-alert[hidden]{display:none!important}
.otkp-weather-alert button{
  min-height:36px!important;
  padding:7px 11px!important;
  border-radius:9px!important;
  font-size:12px!important;
}

/* Akceptowany wariant mobile pokazuje pełny zestaw danych — bez ukrywania pod toggle. */
.otkp-mobile-weather-toggle{display:none!important}
.otkp.is-mobile-app .otkp-weather-dashboard:not(.is-mobile-expanded) .otkp-weather-details,
.otkp.is-mobile-app .otkp-weather-dashboard:not(.is-mobile-expanded) .otkp-weather-hourly-block,
.otkp.is-mobile-app .otkp-weather-dashboard:not(.is-mobile-expanded) .otkp-weather-plan-block,
.otkp.is-mobile-app .otkp-weather-dashboard:not(.is-mobile-expanded) .otkp-weather-nextdays,
.otkp.is-mobile-app .otkp-weather-dashboard:not(.is-mobile-expanded) .otkp-weather-week{display:grid!important}
.otkp.is-mobile-app .otkp-weather-dashboard:not(.is-mobile-expanded) .otkp-weather-details{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.otkp.is-mobile-app .otkp-weather-dashboard .otkp-weather-hourly-block,
.otkp.is-mobile-app .otkp-weather-dashboard .otkp-weather-plan-block,
.otkp.is-mobile-app .otkp-weather-dashboard .otkp-weather-nextdays,
.otkp.is-mobile-app .otkp-weather-dashboard .otkp-weather-week{display:block!important}

@container (max-width:720px){
  .otkp-weather.otkp-weather-dashboard{
    gap:10px!important;
    padding:14px!important;
    border-radius:16px!important;
  }
  .otkp-weather-dashboard .otkp-weather-header strong{font-size:28px!important}
  .otkp-weather-dashboard .otkp-weather-header>div:first-child>small,
  .otkp-weather-dashboard .otkp-weather-condition{font-size:13px!important}
  .otkp-weather-dashboard .otkp-weather-now span{font-size:50px!important}
  .otkp-weather-dashboard .otkp-weather-now b{font-size:44px!important}
  .otkp-weather-dashboard .otkp-weather-meta>span{min-height:88px!important;font-size:23px!important}
  .otkp-weather-dashboard .otkp-weather-meta b{font-size:16px!important}
  .otkp-weather-dashboard .otkp-weather-meta small{font-size:12px!important}
  .otkp-weather-details small{font-size:12.5px!important}
  .otkp-weather-details b{font-size:14.5px!important}
  .otkp-weather-block{padding:11px!important}
  .otkp-weather-block-head strong{font-size:16px!important}
  .otkp-weather-block-head small{font-size:11.5px!important}
  .otkp-weather-dashboard .otkp-weather-hours{
    grid-template-columns:repeat(4,minmax(80px,1fr))!important;
  }
  .otkp-weather-dashboard .otkp-weather-hours article{min-width:80px!important;min-height:150px!important}
  .otkp-weather-dashboard .otkp-weather-hours b{font-size:32px!important}
  .otkp-weather-dashboard .otkp-weather-hours strong{font-size:17px!important}
  .otkp-weather-dashboard .otkp-weather-hours span{font-size:12px!important}
  .otkp-weather-dashboard .otkp-weather-hours small{font-size:11px!important}
  .otkp-weather-plan-hints>span{min-height:70px!important;grid-template-columns:40px minmax(0,1fr)!important;padding:9px 10px!important}
  .otkp-weather-plan-hints i{font-size:27px!important}
  .otkp-weather-plan-hints b{font-size:14px!important}
  .otkp-weather-plan-hints small{font-size:11.5px!important}
  .otkp-weather-dashboard .otkp-weather-nextdays article{min-height:92px!important}
  .otkp-weather-dashboard .otkp-weather-nextdays article b{font-size:15px!important}
  .otkp-weather-dashboard .otkp-weather-nextdays article small{font-size:10.5px!important}
  .otkp-weather-week [data-weather-week] article{flex-basis:84px!important;min-width:84px!important;min-height:108px!important}
}

@container (max-width:430px){
  .otkp-weather.otkp-weather-dashboard{padding:12px!important;gap:9px!important}
  .otkp-weather-dashboard .otkp-weather-header{gap:9px!important}
  .otkp-weather-dashboard .otkp-weather-header strong{font-size:26px!important}
  .otkp-weather-dashboard .otkp-weather-header>div:first-child>small,
  .otkp-weather-dashboard .otkp-weather-condition{font-size:12.5px!important}
  .otkp-weather-dashboard .otkp-weather-refresh-small{min-height:38px!important;font-size:12.5px!important;padding:7px 12px!important}
  .otkp-weather-dashboard .otkp-weather-now{gap:5px!important}
  .otkp-weather-dashboard .otkp-weather-now span{font-size:44px!important}
  .otkp-weather-dashboard .otkp-weather-now b{font-size:40px!important}
  .otkp-weather-dashboard .otkp-weather-meta{gap:6px!important}
  .otkp-weather-dashboard .otkp-weather-meta>span{min-height:82px!important;padding:10px 5px!important;font-size:21px!important}
  .otkp-weather-dashboard .otkp-weather-meta b{font-size:15px!important}
  .otkp-weather-dashboard .otkp-weather-meta small{font-size:11.5px!important}
  .otkp-weather-details{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .otkp-weather-details>span{min-height:44px!important;padding:8px 9px!important}
  .otkp-weather-details small{font-size:11.8px!important}
  .otkp-weather-details b{font-size:13.5px!important}
  .otkp-weather-block{padding:10px!important;border-radius:12px!important}
  .otkp-weather-block-head{margin-bottom:9px!important}
  .otkp-weather-block-head strong{font-size:15px!important}
  .otkp-weather-block-head small{font-size:10.5px!important}
  .otkp-weather-dashboard .otkp-weather-hours{grid-template-columns:repeat(4,minmax(78px,1fr))!important}
  .otkp-weather-dashboard .otkp-weather-hours article{min-width:78px!important;min-height:145px!important;padding:8px 6px!important}
  .otkp-weather-dashboard .otkp-weather-hours span{font-size:11.5px!important}
  .otkp-weather-dashboard .otkp-weather-hours b{font-size:30px!important}
  .otkp-weather-dashboard .otkp-weather-hours strong{font-size:16px!important}
  .otkp-weather-dashboard .otkp-weather-hours small{font-size:10.5px!important}
  .otkp-weather-plan-hints{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .otkp-weather-plan-hints>span{min-height:68px!important;grid-template-columns:36px minmax(0,1fr)!important;column-gap:7px!important;padding:8px!important}
  .otkp-weather-plan-hints i{font-size:25px!important}
  .otkp-weather-plan-hints b{font-size:13.5px!important}
  .otkp-weather-plan-hints small{font-size:10.5px!important;line-height:1.18!important}
  .otkp-weather-dashboard .otkp-weather-nextdays>[data-weather-nextdays]{grid-template-columns:repeat(3,minmax(104px,1fr))!important}
  .otkp-weather-dashboard .otkp-weather-nextdays article{min-width:104px!important;padding:9px!important}
  .otkp-weather-dashboard .otkp-weather-nextdays article span{font-size:11.5px!important}
  .otkp-weather-dashboard .otkp-weather-nextdays article b{font-size:14px!important}
  .otkp-weather-dashboard .otkp-weather-nextdays article small{font-size:10px!important}
  .otkp-weather-week [data-weather-week] article{flex-basis:82px!important;min-width:82px!important;min-height:105px!important}
  .otkp-weather-week article span{font-size:11px!important}
  .otkp-weather-week article b{font-size:27px!important}
  .otkp-weather-week article strong{font-size:16px!important}
  .otkp-weather-week article small{font-size:9.8px!important}
}

@container (max-width:359px){
  .otkp-weather-dashboard .otkp-weather-header{display:grid!important;grid-template-columns:1fr auto!important}
  .otkp-weather-dashboard .otkp-weather-header strong{font-size:24px!important}
  .otkp-weather-dashboard .otkp-weather-now span{font-size:39px!important}
  .otkp-weather-dashboard .otkp-weather-now b{font-size:36px!important}
  .otkp-weather-dashboard .otkp-weather-meta>span{min-height:78px!important}
  .otkp-weather-plan-hints{grid-template-columns:1fr!important}
  .otkp-weather-plan-hints>span{min-height:64px!important}
  .otkp-weather-dashboard .otkp-weather-hours{grid-template-columns:repeat(4,82px)!important}
  .otkp-weather-dashboard .otkp-weather-nextdays>[data-weather-nextdays]{display:flex!important;gap:7px!important}
  .otkp-weather-dashboard .otkp-weather-nextdays article{flex:0 0 118px!important;min-width:118px!important}
}

/* 7.0.1.21 QA correction — header must never overflow at phone widths. */
.otkp-weather-dashboard .otkp-weather-refresh-small{width:max-content!important;max-width:100%!important}
@container (max-width:430px){
  .otkp-weather-dashboard .otkp-weather-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;
  }
  .otkp-weather-dashboard .otkp-weather-now{
    max-width:132px!important;
    justify-self:end!important;
  }
  .otkp-weather-dashboard .otkp-weather-now span{font-size:40px!important}
  .otkp-weather-dashboard .otkp-weather-now b{font-size:37px!important}
}
@container (max-width:359px){
  .otkp-weather-dashboard .otkp-weather-now{max-width:114px!important}
  .otkp-weather-dashboard .otkp-weather-now span{font-size:34px!important}
  .otkp-weather-dashboard .otkp-weather-now b{font-size:33px!important}
}

/* 7.0.1.21 QA correction #2 — stable header geometry at narrow dashboard columns. */
.otkp-weather-dashboard .otkp-weather-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
}
.otkp-weather-dashboard .otkp-weather-refresh-small{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  align-self:flex-start!important;
}
.otkp-weather-dashboard .otkp-weather-now{
  justify-self:end!important;
  max-width:142px!important;
  gap:5px!important;
}
.otkp-weather-dashboard .otkp-weather-now span{font-size:44px!important}
.otkp-weather-dashboard .otkp-weather-now b{font-size:40px!important}
@container (min-width:560px){
  .otkp-weather-dashboard .otkp-weather-now{max-width:158px!important;gap:7px!important}
  .otkp-weather-dashboard .otkp-weather-now span{font-size:50px!important}
  .otkp-weather-dashboard .otkp-weather-now b{font-size:44px!important}
}
@container (max-width:359px){
  .otkp-weather-dashboard .otkp-weather-now{max-width:112px!important}
  .otkp-weather-dashboard .otkp-weather-now span{font-size:33px!important}
  .otkp-weather-dashboard .otkp-weather-now b{font-size:31px!important}
}
.otkp-weather-dashboard .otkp-weather-header,
.otkp-weather-dashboard .otkp-weather-header>div{height:auto!important;min-height:0!important}
@container (max-width:359px){
  .otkp-weather-details{grid-template-columns:1fr!important}
  .otkp-weather-details>span{min-height:42px!important}
}

/* ========================================================================== 
   OdpocznijTu 7.0.1.22 — Main Map Automatic Height / Blank Space Fix
   In single-column layouts the map card must size to its own content instead
   of inheriting the height of the neighbouring "Dzisiaj polecamy" card.
   The Leaflet canvas scales with both the component width and visual viewport.
   ========================================================================== */
@container (max-width:1000px){
  .otkp.otkp-today-match-map .otkp-today,
  .otkp.otkp-today-match-map .otkp-map-card,
  .otkp .otkp-dashboard>.otkp-map-card{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    align-self:flex-start!important;
    flex:0 0 auto!important;
  }
  .otkp .otkp-map-card{
    block-size:auto!important;
    overflow:hidden!important;
  }
  .otkp .otkp-map-card>.otkp-map{
    height:var(--otkp-main-map-h,clamp(360px,min(58dvh,105cqw),620px))!important;
    min-height:360px!important;
    max-height:620px!important;
    flex:0 0 auto!important;
  }
  .otkp .otkp-map-card>.otkp-map-toolbar,
  .otkp .otkp-map-card>.otkp-location-notice,
  .otkp .otkp-map-card>.otkp-map-layers,
  .otkp .otkp-map-card>.otkp-scroll-nav-shell,
  .otkp .otkp-scroll-nav-shell:has(>.otkp-map-layers){
    flex:0 0 auto!important;
  }
}

@container (max-width:430px){
  .otkp .otkp-map-card>.otkp-map{
    height:var(--otkp-main-map-h,clamp(350px,min(56dvh,108cqw),520px))!important;
    min-height:350px!important;
    max-height:520px!important;
  }
}

@container (max-width:359px){
  .otkp .otkp-map-card>.otkp-map{
    height:var(--otkp-main-map-h,clamp(330px,min(54dvh,112cqw),470px))!important;
    min-height:330px!important;
    max-height:470px!important;
  }
}

/* Fullscreen remains authoritative and must not be capped by the adaptive
   in-document map height above. */
.otkp-map-card:fullscreen>.otkp-map,
.otkp-map-card.otkp-map-fallback-fullscreen>.otkp-map{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  flex:1 1 auto!important;
}


/* 7.0.1.23 — scalone menu górne + graficzne dopracowanie paska */
.otkp .otkp-mode-nav{
  position:relative;
  align-items:center;
  gap:10px!important;
  padding:14px 12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,#0b3c6b 0%,#0a3560 48%,#082b4c 100%)!important;
  box-shadow:0 18px 38px rgba(4,31,60,.20)!important;
}
.otkp .otkp-mode-nav::before{content:"";position:absolute;inset:1px;border-radius:25px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0));pointer-events:none}
.otkp .otkp-mode-nav>*{position:relative;z-index:1}
.otkp .otkp-mode-menu{position:relative;flex:0 0 auto;z-index:160}
.otkp .otkp-mode-menu-toggle{display:inline-flex!important;align-items:center;justify-content:space-between;gap:12px;min-width:210px;min-height:64px;padding:10px 16px!important;border:1px solid rgba(164,207,235,.44)!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.06))!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 22px rgba(4,30,58,.18)!important}
.otkp .otkp-mode-menu-toggle:hover,.otkp .otkp-mode-menu-toggle:focus-visible{border-color:rgba(201,230,249,.72)!important;background:linear-gradient(180deg,rgba(255,255,255,.17),rgba(255,255,255,.09))!important;transform:translateY(-1px)}
.otkp .otkp-mode-menu-toggle.is-subactive{border-color:rgba(96,214,255,.72)!important;box-shadow:0 0 0 2px rgba(96,214,255,.12),0 12px 26px rgba(4,30,58,.22)!important}
.otkp .otkp-mode-menu-copy{display:grid;gap:2px;text-align:left;min-width:0;flex:1}
.otkp .otkp-mode-menu-copy small{font-size:10px;line-height:1.1;color:#b9d8eb;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.otkp .otkp-mode-menu-copy strong{font-size:28px;line-height:1.02;color:#fff;font-weight:800}
.otkp .otkp-mode-menu-caret{font-size:20px;color:#d7eefc}
.otkp .otkp-mode-menu-panel{position:absolute;left:0;top:calc(100% + 12px);width:min(360px,88vw);padding:10px;border:1px solid #d5e4ef;border-radius:20px;background:#fff;box-shadow:0 20px 42px rgba(6,39,74,.22)}
.otkp .otkp-mode-menu-panel button{width:100%;display:grid!important;grid-template-columns:46px minmax(0,1fr) 18px;gap:12px;align-items:center;padding:12px 12px!important;border:1px solid transparent!important;border-radius:14px!important;background:#fff!important;color:#0b3157!important;text-align:left}
.otkp .otkp-mode-menu-panel button+button{margin-top:6px}
.otkp .otkp-mode-menu-panel button:hover,.otkp .otkp-mode-menu-panel button:focus-visible{background:#f5fbff!important;border-color:#cfe4f4!important;transform:none}
.otkp .otkp-mode-menu-panel button.is-current{background:#eef7ff!important;border-color:#abd0ea!important;box-shadow:0 0 0 2px rgba(8,118,189,.07)}
.otkp .otkp-mode-menu-item-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(180deg,#f4fbff,#e7f1f8);color:#0b6aa8}
.otkp .otkp-mode-menu-item-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.otkp .otkp-mode-menu-item-copy{display:grid;gap:3px;min-width:0}
.otkp .otkp-mode-menu-item-copy strong{font-size:15px;color:#082d54}
.otkp .otkp-mode-menu-item-copy small{font-size:11px;line-height:1.35;color:#648097}
.otkp .otkp-mode-menu-item-arrow{font-size:22px;color:#8aa3b8}
.otkp .otkp-live-shortcut{min-height:64px!important;padding-inline:18px!important;border-radius:18px!important}
.otkp .otkp-advanced-control{padding-left:8px;border-left:1px solid rgba(255,255,255,.10)}
@container (max-width:1180px) and (min-width:721px){.otkp .otkp-mode-menu-toggle{min-width:180px;min-height:58px;padding:10px 14px!important}.otkp .otkp-mode-menu-copy strong{font-size:22px}}
@container (max-width:720px){.otkp .otkp-mode-nav{grid-template-columns:repeat(3,1fr)!important}.otkp .otkp-mode-menu{min-width:0}.otkp .otkp-mode-menu-toggle{min-width:0;width:100%;min-height:54px;padding:6px 8px!important;border-radius:11px!important;gap:8px}.otkp .otkp-mode-menu-copy small{display:none}.otkp .otkp-mode-menu-copy strong{font-size:10px;line-height:1.05}.otkp .otkp-mode-menu-caret{font-size:15px}.otkp .otkp-mode-menu-panel{left:6px;right:6px;width:auto;top:auto;bottom:calc(100% + 8px)}.otkp .otkp-mode-menu-panel button{grid-template-columns:40px minmax(0,1fr) 16px;padding:10px!important}.otkp .otkp-mode-menu-item-icon{width:40px;height:40px;border-radius:12px}.otkp .otkp-mode-menu-item-copy strong{font-size:14px}.otkp .otkp-mode-menu-item-copy small{font-size:10px}}


/* 7.0.1.24 — mapa rozciągnięta do pełnej wysokości paneli bocznych na desktopie */
@container (min-width:1001px){
  .otkp .otkp-dashboard{align-items:stretch!important}
  .otkp .otkp-dashboard>.otkp-map-card,
  .otkp .otkp-today,
  .otkp .otkp-right-stack{height:100%!important;min-height:0!important;align-self:stretch!important}
  .otkp .otkp-map-card{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important}
  .otkp .otkp-map-card>.otkp-map{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:520px!important;
    max-height:none!important;
  }
  .otkp .otkp-map-card>.otkp-map-layers,
  .otkp .otkp-map-card>.otkp-scroll-nav-shell,
  .otkp .otkp-scroll-nav-shell:has(>.otkp-map-layers){
    margin-top:auto!important;
    flex:0 0 auto!important;
  }
}


/* 7.0.1.26 — Tryb terenowy: poprawa kontrastu paneli „Warto zobaczyć po drodze” i „Moja trasa” */
.otkp-field-v2[data-field-theme="dark"] .otkp-field-nearby-card{
  border-bottom-color:rgba(196,222,230,.26)!important;
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-nearby-card>button:first-child{
  color:var(--f-text)!important;
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-nearby-card>button:first-child span{
  color:#89a8b1!important;
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-nearby-card>button:first-child strong{
  color:#f2f8f6!important;
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-nearby-card>button:first-child small{
  color:#bfd0d4!important;
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-add{
  background:#eef9f1!important;
  color:#17663d!important;
  border-color:#b6d8c2!important;
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-trip .otkp-empty{
  color:#bfd0d4!important;
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-trip-row{
  border-color:rgba(196,222,230,.22)!important;
  background:rgba(255,255,255,.02)!important;
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-trip-row strong{
  color:#f2f8f6!important;
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-trip-row button{
  background:var(--f-panel-2)!important;
  color:var(--f-text)!important;
  border-color:var(--f-line)!important;
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-trip-actions button{
  color:var(--f-text)!important;
  border-color:var(--f-line)!important;
  background:var(--f-panel-2)!important;
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-trip-actions [data-field-nav-start]{
  background:#168b50!important;
  color:#fff!important;
  border-color:#168b50!important;
  box-shadow:0 8px 18px rgba(20,125,72,.22)!important;
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-trip-actions [data-field-nav-stop]{
  background:#4a1e23!important;
  color:#fff0f0!important;
  border-color:#7d4047!important;
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-trip-actions [data-field-trip-add-home]{
  background:rgba(255,255,255,.04)!important;
  color:#eef6f2!important;
}
.otkp-field-v2[data-field-theme="dark"] .otkp-field-trip-actions [data-field-trip-clear]{
  background:transparent!important;
  color:#efb1b1!important;
  border-color:#6d4448!important;
}


/* 7.0.1.30 — „Dzisiaj polecamy”: pełna przebudowa karty rekomendacji */
.otkp .otkp-today-part>button{
  position:relative!important;
  grid-template-columns:106px minmax(0,1fr)!important;
  grid-template-rows:minmax(118px,1fr) auto!important;
  gap:0!important;
  border:1px solid #cfdde7!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(12,48,77,.06)!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
.otkp .otkp-today-part>button:hover,
.otkp .otkp-today-part>button:focus-visible{
  transform:translateY(-1px)!important;
  border-color:#9ebdd2!important;
  box-shadow:0 10px 24px rgba(12,48,77,.12)!important;
  outline:none!important;
}
.otkp .otkp-today-media{
  position:relative!important;
  grid-column:1!important;
  grid-row:1!important;
  display:block!important;
  align-self:stretch!important;
  width:106px!important;
  height:100%!important;
  min-height:118px!important;
  padding:0!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#eaf4ec,#dcebe1)!important;
}
.otkp .otkp-today-media::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:42%;
  background:linear-gradient(180deg,transparent,rgba(4,31,44,.20));
  pointer-events:none;
}
.otkp .otkp-today-media>img{
  width:100%!important;
  height:100%!important;
  min-height:118px!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}
.otkp .otkp-today-media-badge{
  position:absolute!important;
  z-index:2!important;
  left:8px!important;
  bottom:8px!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.92)!important;
  color:#176043!important;
  box-shadow:0 3px 10px rgba(10,42,54,.12)!important;
  font-size:8.5px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:850!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
}
.otkp .otkp-today-copy{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-self:stretch!important;
  min-width:0!important;
  padding:12px 12px 10px!important;
  text-align:left!important;
}
.otkp .otkp-today-copy strong{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
  margin:0 0 6px!important;
  color:#122f46!important;
  font-size:13.5px!important;
  line-height:1.27!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}
.otkp .otkp-today-location{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  margin:0!important;
  padding:0!important;
  color:#718795!important;
  font-size:9.8px!important;
  line-height:1.25!important;
}
.otkp .otkp-today-location>span{
  flex:0 0 auto!important;
  padding:0!important;
  color:#d34c58!important;
  font-size:11px!important;
}
.otkp .otkp-today-desc{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
  margin:7px 0 0!important;
  color:#4d6271!important;
  font-size:9.65px!important;
  line-height:1.35!important;
}
.otkp .otkp-today-copy em{
  display:block!important;
  margin:6px 0 0!important;
  color:#2a7858!important;
  font-size:9.5px!important;
  line-height:1.3!important;
  font-style:normal!important;
}
.otkp .otkp-today-card-cta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:6px!important;
  margin-top:auto!important;
  padding:9px 0 0!important;
  color:#0c5c92!important;
  border-top:1px solid #edf2f5!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:800!important;
}
.otkp .otkp-today-card-cta>i{
  padding:0!important;
  color:#0c5c92!important;
  font-size:15px!important;
  line-height:1!important;
  font-style:normal!important;
  transition:transform .16s ease!important;
}
.otkp .otkp-today-part>button:hover .otkp-today-card-cta>i{transform:translateX(3px)!important}
.otkp .otkp-today-stats{
  grid-column:1/-1!important;
  grid-row:2!important;
  min-height:43px!important;
  padding:7px 6px!important;
  border-top:1px solid #d9e5ec!important;
  background:linear-gradient(180deg,#f7fafc,#f0f6f9)!important;
}
.otkp .otkp-today-stats>small{padding:0 5px!important}
.otkp .otkp-today-stats b{font-size:10px!important;font-weight:800!important;color:#153d5d!important}
.otkp .otkp-today-stats i{font-size:7.9px!important;color:#8395a2!important}

@container (max-width:1249px){
  .otkp .otkp-today-part>button{grid-template-columns:112px minmax(0,1fr)!important;grid-template-rows:136px auto!important;min-height:182px!important}
  .otkp .otkp-today-media{width:112px!important;min-height:136px!important}
  .otkp .otkp-today-media>img{min-height:128px!important}
  .otkp .otkp-today-copy strong{font-size:14px!important;-webkit-line-clamp:2!important}
  .otkp .otkp-today-location{font-size:10px!important}
  .otkp .otkp-today-card-cta{font-size:10px!important}
}
@container (max-width:720px){
  .otkp .otkp-today-part>button{grid-template-columns:104px minmax(0,1fr)!important;grid-template-rows:132px auto!important;min-height:176px!important}
  .otkp .otkp-today-media{width:104px!important;min-height:132px!important}
  .otkp .otkp-today-media>img{min-height:122px!important}
  .otkp .otkp-today-copy{padding:11px 10px 9px!important}
  .otkp .otkp-today-copy strong{font-size:14px!important;line-height:1.24!important}
  .otkp .otkp-today-copy em{font-size:9.8px!important}
  .otkp .otkp-today-media-badge{left:6px!important;bottom:6px!important;font-size:7.8px!important}
  .otkp .otkp-today-stats{min-height:45px!important;padding:8px 5px!important}
  .otkp .otkp-today-stats b{font-size:10.5px!important}
  .otkp .otkp-today-stats i{font-size:8px!important}
}
/* Mobile app has older direct-image overrides; neutralize them for the new media wrapper. */
@container (max-width:720px){
  .otkp.is-mobile-app .otkp-today-part>button{grid-template-columns:104px minmax(0,1fr)!important;grid-template-rows:122px auto!important;gap:0!important;min-height:165px!important}
  .otkp.is-mobile-app .otkp-today-media{grid-column:1!important;grid-row:1!important;width:104px!important;height:100%!important;min-height:122px!important;padding:0!important}
  .otkp.is-mobile-app .otkp-today-media>img{width:100%!important;height:100%!important;min-height:122px!important;max-height:none!important}
  .otkp.is-mobile-app .otkp-today-copy{grid-column:2!important;grid-row:1!important;padding:11px 10px 9px!important}
  .otkp.is-mobile-app .otkp-today-stats{grid-column:1/-1!important;grid-row:2!important}
}


/* 7.0.1.32 — mobile navigation: only one authoritative menu */
@media (max-width:767px){
  .otkp>.otkp-mode-nav{display:none!important}
  .otkp .otkp-mode-menu-panel{display:none!important}
}


/* 7.0.1.33 — mobile bottom sheet for „Więcej” */
.otkp-mobile-more-sheet{display:none}
@media (max-width:767px){
  body.otkp-mobile-more-open{overflow:hidden!important}
  .otkp-mobile-more-sheet:not([hidden]){position:fixed!important;inset:0!important;z-index:99990!important;display:block!important}
  .otkp-mobile-more-backdrop{position:absolute!important;inset:0!important;border:0!important;background:rgba(7,25,38,.34)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important}
  .otkp-mobile-more-panel{position:absolute!important;left:0!important;right:0!important;bottom:calc(68px + env(safe-area-inset-bottom))!important;max-height:min(72vh,620px)!important;padding:12px 12px calc(12px + env(safe-area-inset-bottom))!important;border-radius:24px 24px 0 0!important;background:linear-gradient(180deg,#ffffff,#f7fbfd)!important;box-shadow:0 -8px 34px rgba(6,39,74,.18)!important;transform:translateY(0)!important}
  .otkp-mobile-more-handle{width:48px!important;height:5px!important;border-radius:999px!important;background:#d4e0e8!important;margin:0 auto 10px!important}
  .otkp-mobile-more-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important}
  .otkp-mobile-more-head small{display:block!important;color:#7a90a2!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important}
  .otkp-mobile-more-head strong{display:block!important;color:#0a2f50!important;font-size:22px!important;line-height:1.1!important}
  .otkp-mobile-more-close{flex:0 0 auto!important;display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border:1px solid #d7e5ee!important;border-radius:12px!important;background:#fff!important;color:#4b6478!important;font-size:24px!important;line-height:1!important;box-shadow:0 4px 12px rgba(8,45,82,.08)!important}
  .otkp-mobile-more-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;overflow:auto!important;max-height:calc(min(72vh,620px) - 92px)!important;padding-right:1px!important}
  .otkp-mobile-more-grid button{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:72px!important;padding:11px 12px!important;border:1px solid #dbe7ef!important;border-radius:16px!important;background:#fff!important;color:#0a2f50!important;text-align:left!important;box-shadow:0 8px 20px rgba(8,45,82,.06)!important}
  .otkp-mobile-more-grid button:active{transform:scale(.985)!important}
  .otkp-mobile-more-icon{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:13px!important;background:linear-gradient(180deg,#eef7ff,#e6f1f8)!important;font-size:20px!important}
  .otkp-mobile-more-grid button span:last-child{display:grid!important;gap:3px!important;min-width:0!important}
  .otkp-mobile-more-grid button strong{display:block!important;color:#0b3157!important;font-size:14px!important;line-height:1.15!important}
  .otkp-mobile-more-grid button small{display:block!important;color:#6a8397!important;font-size:11px!important;line-height:1.25!important}
}
@media (max-width:390px){
  .otkp-mobile-more-panel{padding-left:10px!important;padding-right:10px!important}
  .otkp-mobile-more-grid{grid-template-columns:1fr!important}
}


/* 7.0.1.35 — Tryb terenowy: wizualne map matching / przyciąganie pozycji do trasy */
.otkp-field-user-pin.is-snapped{
  box-shadow:0 0 0 4px rgba(37,174,104,.20),0 3px 12px rgba(6,54,35,.28)!important;
}
.otkp-field-user-pin.is-snapped::after{
  content:"";
  position:absolute;
  inset:-7px;
  border:2px solid rgba(45,190,113,.32);
  border-radius:50%;
  pointer-events:none;
}


/* 7.0.1.36 — Field GPS always-on + mobile bottom-bar collision hardening */
.otkp-field-gps-consent.is-auto{border-color:color-mix(in srgb,var(--f-accent) 42%,var(--f-line))!important;background:color-mix(in srgb,var(--f-accent) 7%,var(--f-panel))!important}
.otkp-field-gps-consent.is-auto>div:first-child strong{color:var(--f-text)!important}
.otkp-gps-auto-chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:6px 10px!important;border:1px solid color-mix(in srgb,var(--f-accent) 36%,var(--f-line))!important;border-radius:9px!important;background:color-mix(in srgb,var(--f-accent) 10%,var(--f-panel-2))!important;color:var(--f-text)!important;font-size:10px!important;font-weight:850!important;white-space:nowrap!important}
.otkp-field-gps-live{display:none}
.otkp-field-v2:fullscreen .otkp-field-gps-live,.otkp-field-fallback-fullscreen .otkp-field-gps-live{position:absolute!important;z-index:1110!important;top:calc(10px + var(--otkp-safe-top))!important;left:calc(10px + var(--otkp-safe-left))!important;display:flex!important;align-items:center!important;gap:9px!important;max-width:min(315px,calc(100% - 220px - var(--otkp-safe-left) - var(--otkp-safe-right)))!important;padding:8px 11px!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:14px!important;background:rgba(250,252,249,.92)!important;color:#143c30!important;box-shadow:0 9px 26px rgba(20,54,40,.18)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
.otkp-field-gps-live-dot{width:10px!important;height:10px!important;flex:0 0 10px!important;border-radius:50%!important;background:#d59a20!important;box-shadow:0 0 0 4px rgba(213,154,32,.14)!important}
.otkp-field-gps-live>span:last-child{display:grid!important;gap:2px!important;min-width:0!important}.otkp-field-gps-live strong{font-size:11px!important;line-height:1.1!important}.otkp-field-gps-live small{font-size:9px!important;line-height:1.2!important;color:#627a70!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.otkp-field-gps-live[data-state="active"] .otkp-field-gps-live-dot{background:#22a363!important;box-shadow:0 0 0 4px rgba(34,163,99,.14)!important}.otkp-field-gps-live[data-state="error"] .otkp-field-gps-live-dot{background:#d84b4b!important;box-shadow:0 0 0 4px rgba(216,75,75,.15)!important}
@media(max-width:767px){
  body.otkp-mobile-app-shell .otkp-mode-nav,body.otkp-mobile-app-shell .otkp>.otkp-mode-nav,.otkp.is-mobile-app>.otkp-mode-nav{display:none!important;visibility:hidden!important;pointer-events:none!important;position:static!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}
  body.otkp-mobile-app-shell #masthead,body.otkp-mobile-app-shell header.site-header,body.otkp-mobile-app-shell .site-header,body.otkp-mobile-app-shell .elementor-location-header{display:none!important}
  .otkp.is-mobile-app{padding-bottom:calc(var(--otkp-mobile-nav-h) + 18px + var(--otkp-safe-bottom))!important}
  .otkp-mobile-app-nav{min-height:var(--otkp-mobile-nav-h)!important;height:calc(var(--otkp-mobile-nav-h) + var(--otkp-safe-bottom))!important;padding-bottom:calc(5px + var(--otkp-safe-bottom))!important}
  .otkp-wizard-actions{bottom:calc(var(--otkp-mobile-nav-h) + var(--otkp-safe-bottom) + 8px)!important}
  .otkp-mobile-more-panel{bottom:calc(var(--otkp-mobile-nav-h) + var(--otkp-safe-bottom))!important}
  body.otkp-field-fullscreen-open .otkp-mobile-app-nav{display:none!important}
  .otkp.is-mobile-app .otkp-field-map-toolbar-pro{bottom:calc(10px + var(--otkp-mobile-nav-h))!important}
  .otkp-field-v2:fullscreen .otkp-field-map-toolbar-pro,.otkp-field-fallback-fullscreen .otkp-field-map-toolbar-pro{display:none!important}
  .otkp-field-v2:fullscreen .otkp-field-gps-live,.otkp-field-fallback-fullscreen .otkp-field-gps-live{top:calc(9px + var(--otkp-safe-top))!important;left:calc(8px + var(--otkp-safe-left))!important;max-width:calc(100% - 214px - var(--otkp-safe-left) - var(--otkp-safe-right))!important;padding:7px 9px!important}
  .otkp-field-gps-live strong{font-size:10px!important}.otkp-field-gps-live small{font-size:8px!important}
}
@media(max-width:390px){.otkp-field-v2:fullscreen .otkp-field-gps-live,.otkp-field-fallback-fullscreen .otkp-field-gps-live{max-width:145px!important}.otkp-field-gps-live small{max-width:116px!important}}

/* 7.0.1.39 — GPS Diagnostic Layer */
.otkp .otkp-gps-diag-open-button{border-color:#2f8f67!important;background:#103d31!important;color:#dff8eb!important;font-weight:800!important}
.otkp .otkp-gps-diag-open-button:hover,.otkp .otkp-gps-diag-open-button:focus-visible{background:#15513f!important;border-color:#56b989!important}
.otkp-gps-diag-modal{position:fixed;inset:0;z-index:100120;display:grid;place-items:center;padding:18px}
.otkp-gps-diag-modal[hidden]{display:none!important}
.otkp-gps-diag-backdrop{position:absolute;inset:0;border:0;background:rgba(4,18,28,.68);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.otkp-gps-diag-panel{position:relative;z-index:1;width:min(1180px,96vw);max-height:min(900px,94vh);overflow:auto;border:1px solid #c9d9e4;border-radius:22px;background:#f7fafc;box-shadow:0 28px 80px rgba(0,0,0,.34);color:#17324b;padding:18px}
body.otkp-gps-diag-open{overflow:hidden!important}
.otkp-gps-diag-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:4px 2px 16px;border-bottom:1px solid #dce7ee}
.otkp-gps-diag-head small{display:block;margin-bottom:5px;color:#26805b;font-size:10px;font-weight:900;letter-spacing:.09em}
.otkp-gps-diag-head h2{margin:0;color:#0a2f50;font-size:28px;line-height:1.05}
.otkp-gps-diag-head p{max-width:780px;margin:8px 0 0;color:#647c8e;font-size:12px;line-height:1.45}
.otkp-gps-diag-close{flex:0 0 auto;width:42px;height:42px;border:1px solid #d1dfe8;border-radius:12px;background:#fff;color:#496579;font-size:26px;line-height:1}
.otkp-gps-diag-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 0}
.otkp-gps-diag-actions button{min-height:40px;border:1px solid #c9dbe6;border-radius:10px;background:#fff;color:#153b58;padding:8px 12px;font-size:11px;font-weight:800}
.otkp-gps-diag-actions button.is-start{background:#18764f;border-color:#18764f;color:#fff}
.otkp-gps-diag-actions button.is-stop{background:#8c3434;border-color:#8c3434;color:#fff}
.otkp-gps-diag-actions button:disabled{opacity:.42;cursor:not-allowed}
.otkp-gps-diag-actions>small{color:#207a57;font-weight:800}
.otkp-gps-diag-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:10px}
.otkp-gps-diag-summary article{display:grid;gap:3px;padding:12px;border:1px solid #d6e2e9;border-radius:13px;background:#fff}
.otkp-gps-diag-summary small{color:#768b9b;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.otkp-gps-diag-summary strong{color:#0d3557;font-size:15px}
.otkp-gps-diag-summary span{color:#75899a;font-size:10px}
.otkp-gps-diag-pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:10px 0}
.otkp-gps-diag-pipeline article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:start;padding:12px;border:1px solid #d5e2e9;border-radius:14px;background:#fff;min-width:0}
.otkp-gps-diag-pipeline article>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eaf5f0;color:#1e7652;font-size:10px;font-weight:900}
.otkp-gps-diag-pipeline article>div{display:grid;gap:4px;min-width:0}
.otkp-gps-diag-pipeline small{color:#718899;font-size:9px;font-weight:900;letter-spacing:.06em}
.otkp-gps-diag-pipeline strong{color:#0d3557;font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.otkp-gps-diag-pipeline em{color:#738998;font-size:9px;font-style:normal}
.otkp-gps-diag-pipeline em b{color:#31546c}
.otkp-gps-diag-metrics{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:10px 0}
.otkp-gps-diag-metrics span{display:grid;gap:3px;padding:9px 10px;border:1px solid #dbe5eb;border-radius:11px;background:#eef5f8}
.otkp-gps-diag-metrics small{color:#718798;font-size:8.5px;font-weight:900;text-transform:uppercase}
.otkp-gps-diag-metrics b{color:#153c59;font-size:12px}
.otkp-gps-diag-bottom{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr);gap:10px;margin-top:10px}
.otkp-gps-diag-bottom>section{border:1px solid #d5e2e9;border-radius:14px;background:#fff;padding:12px;min-width:0}
.otkp-gps-diag-bottom h3{margin:0 0 8px;color:#143a56;font-size:13px}
.otkp-gps-diag-anomalies,.otkp-gps-diag-events{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:260px;overflow:auto}
.otkp-gps-diag-anomalies li{display:grid;grid-template-columns:58px 1fr;gap:7px;padding:7px 8px;border-radius:9px;background:#fff3f0;color:#7a3430;font-size:10px}
.otkp-gps-diag-anomalies li b{font-size:10px}
.otkp-gps-diag-anomalies li.is-ok{display:block;background:#eef8f2;color:#2f7653}
.otkp-gps-diag-events li{display:grid;grid-template-columns:78px 145px minmax(0,1fr);gap:7px;align-items:start;padding:6px 7px;border-bottom:1px solid #edf2f5;font-size:9.5px}
.otkp-gps-diag-events time{color:#7c8e9b;font-variant-numeric:tabular-nums}
.otkp-gps-diag-events strong{color:#153c59;overflow-wrap:anywhere}
.otkp-gps-diag-events small{color:#667e90;line-height:1.35;overflow-wrap:anywhere}
.otkp-gps-diag-events .is-empty{display:block;color:#768b9b}
.otkp-gps-diag-panel>footer{margin-top:12px;padding-top:10px;border-top:1px solid #dce7ee;color:#6d8394;font-size:9.5px;line-height:1.5}
@media(max-width:900px){
 .otkp-gps-diag-modal{padding:8px}
 .otkp-gps-diag-panel{width:100%;max-height:96vh;border-radius:18px;padding:13px}
 .otkp-gps-diag-summary{grid-template-columns:1fr 1fr}
 .otkp-gps-diag-pipeline{grid-template-columns:1fr 1fr}
 .otkp-gps-diag-metrics{grid-template-columns:repeat(3,1fr)}
 .otkp-gps-diag-bottom{grid-template-columns:1fr}
}
@media(max-width:520px){
 .otkp-gps-diag-modal{padding:0;align-items:end}
 .otkp-gps-diag-panel{width:100vw;max-height:94dvh;border-radius:22px 22px 0 0;padding:12px 10px calc(14px + env(safe-area-inset-bottom))}
 .otkp-gps-diag-head h2{font-size:22px}
 .otkp-gps-diag-head p{font-size:10.5px}
 .otkp-gps-diag-actions{display:grid;grid-template-columns:1fr 1fr}
 .otkp-gps-diag-actions button.is-start{grid-column:1/-1}
 .otkp-gps-diag-actions>small{grid-column:1/-1}
 .otkp-gps-diag-summary{grid-template-columns:1fr 1fr}
 .otkp-gps-diag-pipeline{grid-template-columns:1fr}
 .otkp-gps-diag-metrics{grid-template-columns:1fr 1fr}
 .otkp-gps-diag-events li{grid-template-columns:70px minmax(0,1fr)}
 .otkp-gps-diag-events li small{grid-column:1/-1;padding-left:77px}
}


/* 7.0.1.40 — GPS: pozycja przybliżona podczas słabego fixa */
.otkp-field-user-pin.is-coarse{background:#6f8190!important;border-color:#fff!important;color:#fff!important;opacity:.82!important;box-shadow:0 0 0 6px rgba(111,129,144,.18),0 3px 12px rgba(12,41,64,.25)!important}
.otkp-field-user-pin.is-coarse::after{content:"~";position:absolute;right:-5px;top:-8px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#f5a623;color:#fff;border:2px solid #fff;font-size:11px;font-weight:900}


/* 7.0.1.41 — Full App & Routing Diagnostic Layer */
.otkp-app-diag-section{margin:10px 0;padding:12px;border:1px solid #cddde7;border-radius:15px;background:linear-gradient(180deg,#f4f9fc,#edf5f8)}
.otkp-app-diag-section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.otkp-app-diag-section>header div{display:grid;gap:3px}.otkp-app-diag-section>header small{font-size:9px;font-weight:900;letter-spacing:.08em;color:#257759}.otkp-app-diag-section>header strong{font-size:13px;color:#123b59}
.otkp-app-diag-section>header>span{padding:5px 9px;border-radius:999px;background:#e1f2e9;color:#176542;font-size:9px;font-weight:900}
.otkp-app-diag-section>header>span.is-warning{background:#fff0d7;color:#8a5b0b}.otkp-app-diag-section>header>span.is-error{background:#fde7e5;color:#963f38}
.otkp-app-diag-metrics{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.otkp-app-diag-metrics span{display:grid;gap:3px;padding:8px;border:1px solid #d7e4eb;border-radius:10px;background:#fff;min-width:0}.otkp-app-diag-metrics small{color:#738899;font-size:7.8px;font-weight:900;text-transform:uppercase}.otkp-app-diag-metrics b{color:#143b58;font-size:11px;overflow-wrap:anywhere}
.otkp-app-diag-current{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px}.otkp-app-diag-current article{display:grid;gap:3px;padding:9px 10px;border:1px solid #d8e4eb;border-radius:11px;background:#fff;min-width:0}.otkp-app-diag-current small{font-size:8px;font-weight:900;color:#718797;text-transform:uppercase}.otkp-app-diag-current strong{font-size:11px;color:#123b59;overflow-wrap:anywhere}.otkp-app-diag-current em{font-size:8.8px;line-height:1.35;color:#6c8293;font-style:normal;overflow-wrap:anywhere}
@media(max-width:900px){.otkp-app-diag-metrics{grid-template-columns:repeat(4,1fr)}.otkp-app-diag-current{grid-template-columns:1fr}}
@media(max-width:520px){.otkp-app-diag-metrics{grid-template-columns:repeat(2,1fr)}}


/* ========================================================================== 
   OdpocznijTu 7.0.1.46 — Mobile map controls positioning & fullscreen UI
   Screenshot-driven correction: toolbar belongs to the map, not global app nav.
   ========================================================================== */
@media(max-width:767px){
  /* Normal mobile map: anchor the horizontal toolbar to the map shell itself.
     Do not add --otkp-mobile-nav-h here: the fixed app navigation lives outside
     the map container and previously pushed this control towards map centre. */
  .otkp.is-mobile-app .otkp-field-v2:not(:fullscreen):not(.otkp-field-fallback-fullscreen) .otkp-field-map-shell .otkp-field-map-toolbar-pro{
    top:auto!important;
    bottom:34px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:max-content!important;
    max-width:calc(100% - 20px)!important;
    margin:0!important;
  }
  .otkp.is-mobile-app .otkp-field-v2:not(:fullscreen):not(.otkp-field-fallback-fullscreen) .otkp-field-map-shell.is-map-menu-open .otkp-field-map-toolbar-pro{
    transform:translateX(-50%)!important;
  }

  /* Fullscreen top-right controls: same visual language as Field Mode nav. */
  .otkp-field-v2:fullscreen .otkp-field-fs-controls,
  .otkp-field-fallback-fullscreen .otkp-field-fs-controls{
    top:calc(9px + var(--otkp-safe-top))!important;
    right:calc(8px + var(--otkp-safe-right))!important;
    left:auto!important;
    gap:3px!important;
    width:auto!important;
    min-height:52px!important;
    padding:4px!important;
    border:1px solid rgba(108,172,146,.28)!important;
    border-radius:15px!important;
    background:rgba(7,31,39,.94)!important;
    color:#dff6e8!important;
    box-shadow:0 10px 28px rgba(0,20,28,.32),inset 0 1px 0 rgba(255,255,255,.04)!important;
    backdrop-filter:blur(14px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(14px) saturate(1.08)!important;
  }
  .otkp-field-v2:fullscreen .otkp-field-fs-controls button,
  .otkp-field-fallback-fullscreen .otkp-field-fs-controls button{
    display:grid!important;
    place-items:center!important;
    width:43px!important;
    height:43px!important;
    min-width:43px!important;
    min-height:43px!important;
    padding:0!important;
    border:1px solid rgba(139,205,176,.14)!important;
    border-radius:11px!important;
    background:rgba(15,51,61,.94)!important;
    color:#bce8cb!important;
    box-shadow:none!important;
    font-size:0!important;
    line-height:1!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .otkp-field-v2:fullscreen .otkp-field-fs-controls button+button,
  .otkp-field-fallback-fullscreen .otkp-field-fs-controls button+button{
    border-left-color:rgba(153,213,187,.19)!important;
  }
  .otkp-field-v2:fullscreen .otkp-field-fs-controls button:active,
  .otkp-field-fallback-fullscreen .otkp-field-fs-controls button:active{
    background:#19513f!important;
    color:#f2fff7!important;
    transform:scale(.96)!important;
  }
  .otkp-field-v2:fullscreen .otkp-field-fs-controls button:focus-visible,
  .otkp-field-fallback-fullscreen .otkp-field-fs-controls button:focus-visible{
    outline:2px solid rgba(103,210,155,.56)!important;
    outline-offset:1px!important;
  }
  .otkp-field-v2:fullscreen .otkp-field-fs-controls button>svg,
  .otkp-field-fallback-fullscreen .otkp-field-fs-controls button>svg{
    display:block!important;
    width:22px!important;
    height:22px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.9!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    pointer-events:none!important;
  }
  .otkp-field-v2:fullscreen .otkp-field-fs-controls [data-field-fs-action="home"]>svg,
  .otkp-field-fallback-fullscreen .otkp-field-fs-controls [data-field-fs-action="home"]>svg{
    fill:none!important;
  }
  .otkp-field-v2:fullscreen .otkp-field-fs-controls .otkp-field-fs-menu-btn,
  .otkp-field-fallback-fullscreen .otkp-field-fs-controls .otkp-field-fs-menu-btn{
    padding:0!important;
  }
  .otkp-field-v2:fullscreen .otkp-field-fs-controls .otkp-field-fs-menu-btn span,
  .otkp-field-fallback-fullscreen .otkp-field-fs-controls .otkp-field-fs-menu-btn span{
    display:none!important;
  }
  /* Left GPS badge and right controls now share one top baseline and have enough room. */
  .otkp-field-v2:fullscreen .otkp-field-gps-live,
  .otkp-field-fallback-fullscreen .otkp-field-gps-live{
    top:calc(9px + var(--otkp-safe-top))!important;
    max-width:calc(100% - 202px - var(--otkp-safe-left) - var(--otkp-safe-right))!important;
  }
}
@media(max-width:390px){
  .otkp-field-v2:fullscreen .otkp-field-fs-controls button,
  .otkp-field-fallback-fullscreen .otkp-field-fs-controls button{
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  }
  .otkp-field-v2:fullscreen .otkp-field-fs-controls,
  .otkp-field-fallback-fullscreen .otkp-field-fs-controls{min-height:48px!important;padding:3px!important;gap:2px!important}
  .otkp-field-v2:fullscreen .otkp-field-fs-controls button>svg,
  .otkp-field-fallback-fullscreen .otkp-field-fs-controls button>svg{width:20px!important;height:20px!important}
}

/* ========================================================================== 
   OdpocznijTu 7.0.1.47 — Mobile fullscreen collision & layer grid polish
   ========================================================================== */
@media(max-width:767px){
  /* Fullscreen already has the top-right "moja pozycja" control. The floating
     recenter button duplicated the same action and covered the nav-panel
     collapse arrow in the bottom-right corner. Keep it for the normal map,
     but remove the duplicate in fullscreen. */
  .otkp-field-v2:fullscreen .otkp-field-recenter,
  .otkp-field-fallback-fullscreen .otkp-field-recenter{
    display:none!important;
  }

  /* Map layers need more horizontal room than the 3-column activity selector.
     A dedicated 2×2 layout keeps long Polish labels readable and preserves
     equal touch targets. */
  .otkp-field-fs-menu .otkp-field-fs-layer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .otkp-field-fs-menu .otkp-field-fs-layer-grid button{
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    padding:9px 8px!important;
    font-size:15px!important;
    line-height:1.15!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}
@media(max-width:360px){
  .otkp-field-fs-menu .otkp-field-fs-layer-grid button{
    font-size:14px!important;
    padding-inline:6px!important;
  }
}


/* === 7.0.1.50 CENTRUM STARTOWE === */
.otkp .otkp-start-center{position:relative;margin:14px 0 6px;padding:clamp(18px,2vw,28px);border:1px solid #d8e5ee;border-radius:20px;background:linear-gradient(145deg,#fff 0%,#f7fbfd 58%,#eef7f3 100%);box-shadow:0 12px 30px rgba(6,39,74,.08);overflow:hidden;scroll-margin-top:16px}
.otkp .otkp-start-center:before{content:"";position:absolute;right:-95px;top:-120px;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(26,111,82,.11),rgba(26,111,82,0) 68%);pointer-events:none}
.otkp .otkp-start-center-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 20px}
.otkp .otkp-start-center-copy{min-width:0;max-width:780px}
.otkp .otkp-start-kicker{display:inline-flex;margin-bottom:7px;color:#167153;font-size:11px;line-height:1;font-weight:900;letter-spacing:.13em}
.otkp .otkp-start-center h2{margin:0;color:#0b2d4d;font:800 clamp(24px,2.4vw,36px)/1.08 Inter,system-ui,sans-serif;letter-spacing:-.025em;outline:none}
.otkp .otkp-start-center-copy p{max-width:720px;margin:8px 0 0;color:#617183;font-size:13px;line-height:1.55}
.otkp .otkp-start-center-hint{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:10px;max-width:310px;padding:11px 14px;border:1px solid #d9e8df;border-radius:14px;background:rgba(255,255,255,.78);color:#24503f}
.otkp .otkp-start-center-hint svg{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:#1c7958;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.otkp .otkp-start-center-hint strong,.otkp .otkp-start-center-hint small{display:block}.otkp .otkp-start-center-hint strong{font-size:12px}.otkp .otkp-start-center-hint small{margin-top:2px;color:#6b7c75;font-size:10px}
.otkp .otkp-start-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.otkp .otkp-start-card{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:94px;width:100%;padding:14px;border:1px solid #dce7ef;border-radius:15px;background:#fff;color:#102f4b;text-align:left;box-shadow:0 5px 15px rgba(7,49,82,.045);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.otkp .otkp-start-card:hover,.otkp .otkp-start-card:focus-visible{transform:translateY(-2px);border-color:#aacbd9;background:#fbfdff;box-shadow:0 10px 22px rgba(7,49,82,.11);outline:none}
.otkp .otkp-start-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#eef6fa;color:#0d5d84}
.otkp .otkp-start-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.otkp .otkp-start-icon--plan{background:#fff3e4;color:#a85b00}.otkp .otkp-start-icon--routes{background:#eef8f1;color:#286c48}.otkp .otkp-start-icon--today{background:#fff8de;color:#9a6b00}.otkp .otkp-start-icon--need{background:#f5eefb;color:#74459b}.otkp .otkp-start-icon--saved{background:#eef1fb;color:#455a9b}
.otkp .otkp-start-card-copy{min-width:0}.otkp .otkp-start-card-copy strong{display:block;margin-bottom:4px;color:#102f4b;font-size:15px;line-height:1.16}.otkp .otkp-start-card-copy small{display:block;color:#718090;font-size:10.5px;line-height:1.35}
.otkp .otkp-start-arrow{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#f2f6f8;color:#466479;font-size:20px;line-height:1}
.otkp .otkp-start-field{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:15px;width:100%;margin-top:11px;padding:15px 18px;border:1px solid #164e45;border-radius:17px;background:linear-gradient(135deg,#082f3b,#0b4a46 58%,#126248);color:#fff;text-align:left;box-shadow:0 10px 24px rgba(5,54,58,.17);overflow:hidden;transition:transform .16s ease,box-shadow .16s ease}
.otkp .otkp-start-field:after{content:"";position:absolute;right:10%;top:-55px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(123,211,166,.18),rgba(123,211,166,0) 70%);pointer-events:none}
.otkp .otkp-start-field:hover,.otkp .otkp-start-field:focus-visible{transform:translateY(-1px);box-shadow:0 14px 30px rgba(5,54,58,.23);outline:2px solid rgba(102,210,160,.35);outline-offset:2px}
.otkp .otkp-start-field-icon{position:relative;z-index:1;display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#80e1ae}
.otkp .otkp-start-field-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.otkp .otkp-start-field-copy{position:relative;z-index:1;min-width:0}.otkp .otkp-start-field-copy>small{display:block;margin-bottom:2px;color:#83d9aa;font-size:9px;font-weight:900;letter-spacing:.13em}.otkp .otkp-start-field-copy>strong{display:block;font-size:18px;line-height:1.12;letter-spacing:.015em}.otkp .otkp-start-field-copy>span{display:block;margin-top:4px;color:#c8ded8;font-size:11px}
.otkp .otkp-start-field-cta{position:relative;z-index:1;display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:11px;font-weight:800;white-space:nowrap}.otkp .otkp-start-field-cta i{font-style:normal;font-size:18px}
.otkp .otkp-start-center-foot{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;margin-top:13px;color:#788691;font-size:10px}.otkp .otkp-start-center-foot strong{color:#526b7d}
@container (max-width:980px){.otkp .otkp-start-center-head{align-items:flex-start}.otkp .otkp-start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.otkp .otkp-start-center-hint{max-width:260px}}
@container (max-width:720px){.otkp .otkp-start-center{margin:8px 0 12px;padding:15px 12px 14px;border-radius:17px}.otkp .otkp-start-center-head{display:block;margin-bottom:13px}.otkp .otkp-start-center h2{font-size:25px}.otkp .otkp-start-center-copy p{font-size:11.5px;line-height:1.45}.otkp .otkp-start-center-hint{display:none}.otkp .otkp-start-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.otkp .otkp-start-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;min-height:130px;padding:11px;border-radius:13px}.otkp .otkp-start-icon{width:42px;height:42px;border-radius:12px}.otkp .otkp-start-icon svg{width:22px;height:22px}.otkp .otkp-start-card-copy strong{font-size:13.5px;margin-bottom:3px}.otkp .otkp-start-card-copy small{font-size:9.5px;line-height:1.3}.otkp .otkp-start-arrow{position:absolute;right:9px;top:10px;width:20px;height:20px;font-size:17px}.otkp .otkp-start-field{grid-template-columns:48px minmax(0,1fr) 24px;gap:10px;margin-top:8px;padding:12px;border-radius:14px}.otkp .otkp-start-field-icon{width:48px;height:48px;border-radius:13px}.otkp .otkp-start-field-icon svg{width:24px;height:24px}.otkp .otkp-start-field-copy>strong{font-size:15px}.otkp .otkp-start-field-copy>span{font-size:9.5px;line-height:1.3}.otkp .otkp-start-field-cta{width:24px;height:24px;padding:0;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:0}.otkp .otkp-start-field-cta i{font-size:19px}.otkp .otkp-start-center-foot{margin-top:10px;font-size:9px;text-align:center}}
@container (max-width:390px){.otkp .otkp-start-card{min-height:124px}.otkp .otkp-start-card-copy strong{font-size:13px}.otkp .otkp-start-card-copy small{font-size:9px}}

/* === 7.0.1.52 CENTRUM STARTOWE — GRAFIKI KATEGORII === */
.otkp .otkp-start-card{
    display:grid;
    grid-template-columns:46px minmax(0,1fr) 20px;
    grid-template-rows:auto auto;
    align-items:center;
    gap:11px 12px;
    min-height:0;
    padding:0 13px 13px;
    overflow:hidden;
}
.otkp .otkp-start-media{
    grid-column:1/-1;
    display:block;
    width:calc(100% + 26px);
    margin:0 -13px;
    aspect-ratio:16/8.4;
    overflow:hidden;
    background:#e9f1ed;
    border-bottom:1px solid #e0e9ee;
}
.otkp .otkp-start-media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transition:transform .35s ease,filter .35s ease;
}
.otkp .otkp-start-card:hover .otkp-start-media img,
.otkp .otkp-start-card:focus-visible .otkp-start-media img{
    transform:scale(1.035);
    filter:saturate(1.04) contrast(1.02);
}
.otkp .otkp-start-icon{width:46px;height:46px;border-radius:13px}
.otkp .otkp-start-icon svg{width:23px;height:23px}
.otkp .otkp-start-card-copy strong{font-size:15px}
.otkp .otkp-start-card-copy small{font-size:10.5px}
.otkp .otkp-start-arrow{align-self:center}

.otkp .otkp-start-field{
    grid-template-columns:minmax(170px,230px) 54px minmax(0,1fr) auto;
    gap:14px;
    min-height:132px;
    padding:10px 14px 10px 10px;
}
.otkp .otkp-start-field-media{
    position:relative;
    z-index:1;
    display:block;
    align-self:stretch;
    min-height:110px;
    overflow:hidden;
    border-radius:13px;
    border:1px solid rgba(255,255,255,.14);
    background:#0b3f43;
}
.otkp .otkp-start-field-media:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(4,39,45,.04),rgba(4,39,45,.15));
    pointer-events:none;
}
.otkp .otkp-start-field-media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transition:transform .35s ease,filter .35s ease;
}
.otkp .otkp-start-field:hover .otkp-start-field-media img,
.otkp .otkp-start-field:focus-visible .otkp-start-field-media img{
    transform:scale(1.035);
    filter:saturate(1.05);
}
.otkp .otkp-start-field-icon{width:54px;height:54px;border-radius:15px}

@container (max-width:980px){
    .otkp .otkp-start-card{min-height:0}
    .otkp .otkp-start-field{grid-template-columns:minmax(150px,190px) 50px minmax(0,1fr) auto}
    .otkp .otkp-start-field-icon{width:50px;height:50px}
}
@container (max-width:720px){
    .otkp .otkp-start-card{
        display:grid;
        grid-template-columns:36px minmax(0,1fr) 20px;
        grid-template-rows:auto auto;
        align-items:center;
        gap:8px;
        min-height:0;
        padding:0 9px 10px;
        border-radius:13px;
    }
    .otkp .otkp-start-media{
        width:calc(100% + 18px);
        margin:0 -9px;
        aspect-ratio:16/9.2;
    }
    .otkp .otkp-start-icon{width:36px;height:36px;border-radius:10px}
    .otkp .otkp-start-icon svg{width:19px;height:19px}
    .otkp .otkp-start-card-copy strong{font-size:13px;margin-bottom:2px}
    .otkp .otkp-start-card-copy small{font-size:9px;line-height:1.28}
    .otkp .otkp-start-arrow{position:static;width:20px;height:20px;font-size:17px}
    .otkp .otkp-start-field{
        grid-template-columns:106px minmax(0,1fr) 24px;
        grid-template-rows:auto;
        gap:10px;
        min-height:98px;
        padding:8px;
    }
    .otkp .otkp-start-field-media{min-height:82px;border-radius:11px}
    .otkp .otkp-start-field-icon{display:none}
    .otkp .otkp-start-field-copy>small{font-size:8px}
    .otkp .otkp-start-field-copy>strong{font-size:14px}
    .otkp .otkp-start-field-copy>span{font-size:9px;line-height:1.25}
}
@container (max-width:390px){
    .otkp .otkp-start-card{min-height:0}
    .otkp .otkp-start-media{aspect-ratio:16/9.6}
    .otkp .otkp-start-card-copy strong{font-size:12.5px}
    .otkp .otkp-start-card-copy small{font-size:8.7px}
    .otkp .otkp-start-field{grid-template-columns:96px minmax(0,1fr) 24px}
}

/* === 7.0.1.53 — RESPONSYWNY PULPIT / MAPA / REKOMENDACJE ===
   Breakpoints use actual plugin width (container queries), not browser width.
   Never force the map to match the tallest sidebar/weather panel. */
.otkp{
    width:100%;min-width:0;
    max-width:var(--otkp-max-width,1600px);
}
.otkp .otkp-dashboard{min-width:0;align-items:start!important}
.otkp .otkp-dashboard > *,
.otkp .otkp-right-stack{min-width:0;max-width:100%}
.otkp .otkp-dashboard > .otkp-today,
.otkp .otkp-dashboard > .otkp-map-card:not(:fullscreen):not(.otkp-map-fallback-fullscreen),
.otkp .otkp-dashboard > .otkp-right-stack,
.otkp .otkp-right-stack > .otkp-weather{
    height:auto!important;min-height:0!important;align-self:start!important;
}
/* Undo older desktop map-height matching (7.0.1.24) only in document,
   never in native/fallback fullscreen. */
@container (min-width:721px){
    .otkp .otkp-map-card:not(:fullscreen):not(.otkp-map-fallback-fullscreen) > .otkp-map{
        flex:0 0 auto!important;
        height:clamp(420px,39cqw,620px)!important;
        max-height:620px!important;
    }
}
.otkp .otkp-today > [data-today-list]{
    flex:0 1 auto;align-content:start;align-items:start;
}
.otkp .otkp-right-stack{
    align-content:start;align-items:start;
    grid-template-rows:auto!important;
}
.otkp .otkp-map-toolbar > *{min-width:0}
.otkp .otkp-map-card > .otkp-map-layers{max-width:100%}
.otkp .otkp-weather .otkp-weather-block{min-width:0}

/* Large containers: three genuine columns with enough room for a usable map. */
@container (min-width:1460px){
    .otkp .otkp-dashboard{
        display:grid!important;
        grid-template-columns:minmax(280px,.9fr) minmax(0,2.05fr) minmax(300px,.98fr)!important;
        grid-template-areas:"today map side"!important;
        gap:18px!important;
    }
    .otkp .otkp-right-stack{
        display:grid;grid-template-columns:minmax(0,1fr)!important;gap:14px;
    }
}
/* Laptop and regular desktop: map uses the entire first row; no thin map strip. */
@container (min-width:840px) and (max-width:1459px){
    .otkp .otkp-dashboard{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
        grid-template-areas:"map map" "today side"!important;
        gap:15px!important;
    }
    .otkp .otkp-map-card{grid-area:map}
    .otkp .otkp-today{grid-area:today}
    .otkp .otkp-right-stack{
        grid-area:side;display:grid;
        grid-template-columns:minmax(0,1fr)!important;
        gap:12px;
    }
    .otkp .otkp-map-card:not(:fullscreen):not(.otkp-map-fallback-fullscreen) > .otkp-map{
        height:clamp(440px,43cqw,610px)!important;
        min-height:440px!important;
        max-height:610px!important;
    }
    .otkp .otkp-today article > button{grid-template-columns:110px minmax(0,1fr)}
    .otkp .otkp-today article img{width:110px;height:100px;object-fit:cover}
    .otkp .otkp-today article strong{font-size:14px;line-height:1.28}
    .otkp .otkp-today article small{font-size:11px}
    .otkp .otkp-today > [data-today-list]{
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        grid-template-rows:none!important;
        grid-auto-rows:auto!important;
        align-content:start!important;
        flex:0 1 auto!important;
        gap:12px!important;
    }
    .otkp .otkp-mode-nav{
        flex-wrap:wrap;justify-content:center;overflow:visible;
    }
}
/* Narrow laptop/tablet: prioritize the map, then stack cards and weather. */
@container (min-width:721px) and (max-width:839px){
    .otkp .otkp-dashboard{
        display:grid!important;grid-template-columns:minmax(0,1fr)!important;
        grid-template-areas:"map" "today" "side"!important;
        gap:13px!important;
    }
    .otkp .otkp-right-stack{
        display:block;grid-template-columns:minmax(0,1fr)!important;
    }
    .otkp .otkp-map-card:not(:fullscreen):not(.otkp-map-fallback-fullscreen) > .otkp-map{height:clamp(410px,58cqw,530px)!important}
    .otkp .otkp-mode-nav{flex-wrap:wrap;overflow:visible}
}
/* Mobile still uses the established bottom navigation and mobile map controls. */
@container (max-width:720px){
    .otkp .otkp-dashboard{
        display:flex!important;flex-direction:column;gap:12px!important;
    }
    .otkp .otkp-map-card{order:1;width:100%}
    .otkp .otkp-today{order:2;width:100%}
    .otkp .otkp-right-stack{
        order:3;display:flex;flex-direction:column;width:100%;
        grid-template-columns:1fr!important;
    }
    .otkp .otkp-weather{width:100%}
    .otkp .otkp-map-toolbar{max-width:100%}
    .otkp .otkp-today article>button{grid-template-columns:94px minmax(0,1fr)}
    .otkp .otkp-today article img{width:94px;height:88px}
}

/* Preserve both native and fallback fullscreen across the older mobile rules
   that set block-size:auto!important on ordinary map cards. */
.otkp .otkp-map-card:fullscreen,
.otkp .otkp-map-card.otkp-map-fallback-fullscreen{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    block-size:100dvh!important;
    min-height:0!important;
    max-height:none!important;
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
}
.otkp .otkp-map-card:fullscreen > .otkp-map,
.otkp .otkp-map-card.otkp-map-fallback-fullscreen > .otkp-map{
    flex:1 1 auto!important;
    height:auto!important;
    block-size:auto!important;
    min-height:0!important;
    max-height:none!important;
}


/* === 7.0.1.54 — SZEROKOŚĆ STRONY I TRZY KOLUMNY CENTRUM STARTOWEGO ===
   Przełamuje wąski, wyśrodkowany kontener motywu bez transformacji
   (transform na korzeniu psułby pozycjonowanie pełnoekranowej mapy).
   Szerokość maksymalna nadal respektuje ustawienie administratora. */
@media screen and (min-width:768px){
    .otkp[data-otkp-root]{
        --otkp-page-gutter:clamp(20px,3vw,48px);
        width:min(var(--otkp-max-width,1600px),calc(100vw - var(--otkp-page-gutter) - var(--otkp-page-gutter)))!important;
        max-width:none!important;
        margin-left:calc(50% - min(var(--otkp-half-width,800px),calc(50vw - var(--otkp-page-gutter))))!important;
        margin-right:0!important;
    }
}
/* Liczba kolumn wynika z dostępnego miejsca w Planerze, nie z szerokości motywu. */
@container (min-width:960px){
    .otkp .otkp-start-grid{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}
@container (min-width:721px) and (max-width:959px){
    .otkp .otkp-start-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}
/* Podczas zmniejszania okna pozostają standardowe, duże pola dotykowe. */