.dk-app {
    --dk-text: #101828;
    --dk-muted: #667085;
    --dk-border: #e4e9ef;
    --dk-soft: #f7f9fb;
    --dk-surface: #fff;
    --dk-green: #079447;
    --dk-green-dark: #06733a;
    --dk-green-soft: #eaf8f0;
    --dk-blue: #2878f0;
    --dk-red: #e5484d;
    width: min(1220px, calc(100vw - 32px));
    max-width: none;
    margin: 0 auto;
    padding: 32px 0 52px;
    color: var(--dk-text);
    font-family: inherit;
    line-height: 1.5;
}

.dk-app * { box-sizing: border-box; }
.dk-app a { text-underline-offset: 3px; }
.dk-app button, .dk-app select, .dk-app input { font: inherit; }

.dk-header { margin-bottom: 20px; }
.dk-header h1 {
    margin: 0 0 10px;
    color: #0b1220;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.dk-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0 0 12px;
    color: var(--dk-muted);
    font-size: 13px;
}
.dk-breadcrumbs a { color: var(--dk-green-dark); text-decoration: none; }
.dk-breadcrumbs a:hover { text-decoration: underline; }
.dk-breadcrumb-separator { color: #98a2b3; }

.dk-lead { max-width: 940px; margin: 0 0 12px; color: #344054; font-size: 17px; }
.dk-secondary-heading { margin: 14px 0 8px; font-size: 22px; letter-spacing: -0.02em; }
.dk-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; }
.dk-meta p, .dk-history-note { margin: 0; color: var(--dk-muted); font-size: 13px; }
.dk-source { margin-left: auto !important; }

.dk-cta { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
.dk-cta a, .dk-related a {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    border: 1px solid var(--dk-border);
    border-radius: 999px;
    padding: 5px 12px;
    color: #344054;
    background: #fff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}
.dk-cta a:hover, .dk-related a:hover { border-color: var(--dk-green); color: var(--dk-green-dark); }

.dk-layout { display: block; }
.dk-main-column { min-width: 0; }
#dk-prices, #dk-cheapest, #dk-history { scroll-margin-top: 24px; }

.dk-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin: 0 0 22px;
}
.dk-card {
    position: relative;
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 14px;
    min-height: 185px;
    overflow: hidden;
    border: 1px solid var(--dk-border);
    border-radius: 14px;
    padding: 20px;
    background: var(--dk-surface);
    box-shadow: 0 5px 18px rgba(16, 24, 40, .055);
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.dk-card:hover { transform: translateY(-2px); box-shadow: 0 9px 24px rgba(16, 24, 40, .09); }
.dk-fuel-highlight { outline: 3px solid rgba(7, 148, 71, .18); outline-offset: -2px; }
.dk-fuel-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    color: #fff;
    background: #667085;
    font-size: 22px;
    font-weight: 800;
}
.dk-fuel-benzinas_95 { background: var(--dk-green); }
.dk-fuel-snd { background: var(--dk-blue); }
.dk-card-title { display: block; color: #344054; font-size: 15px; }
.dk-card-content > strong { display: block; margin: 3px 0 8px; font-size: clamp(27px, 3vw, 38px); line-height: 1.2; letter-spacing: -.03em; }
.dk-card-change { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.dk-card-change small { color: var(--dk-muted); font-size: 12px; }
.dk-change { display: inline-flex; align-items: center; min-height: 25px; border-radius: 999px; padding: 3px 9px; font-size: 12px; font-weight: 800; }
.dk-change-up { color: #d92d20; background: #fff0f0; }
.dk-change-down { color: #067647; background: #ecfdf3; }
.dk-change-neutral { color: #667085; background: #f2f4f7; }
.dk-card-spark { position: absolute; right: 18px; bottom: 18px; left: 18px; display: flex; align-items: end; gap: 4px; height: 26px; opacity: .7; }
.dk-card-spark::before { content: ""; position: absolute; right: 0; bottom: 4px; left: 0; border-bottom: 1px solid #dfe5eb; }
.dk-card-spark i { flex: 1; border-top: 2px solid var(--dk-green); transform: translateY(var(--spark-y, 0)); }
.dk-card-spark i:nth-child(2) { transform: translateY(-5px); }
.dk-card-spark i:nth-child(3) { transform: translateY(2px); }
.dk-card-spark i:nth-child(4) { transform: translateY(-8px); }
.dk-card-spark i:nth-child(5) { transform: translateY(-3px); }

.dk-route-finder {
    display: grid;
    grid-template-columns: repeat(3, minmax(150px, 1fr)) auto;
    align-items: end;
    gap: 12px;
    margin: 0 0 24px;
    border: 1px solid var(--dk-border);
    border-radius: 14px;
    padding: 16px;
    background: var(--dk-soft);
}
.dk-route-finder label { display: grid; gap: 6px; min-width: 0; }
.dk-route-finder label > span { color: #344054; font-size: 13px; font-weight: 800; }
.dk-route-finder select {
    width: 100%;
    min-height: 46px;
    border: 1px solid #d0d7e0;
    border-radius: 9px;
    padding: 8px 38px 8px 12px;
    color: var(--dk-text);
    background: #fff;
}
.dk-route-finder select:focus, .dk-route-finder button:focus, .dk-chart-panel button:focus, .dk-chart:focus { outline: 3px solid rgba(40, 120, 240, .25); outline-offset: 2px; }
.dk-route-finder button {
    min-height: 46px;
    border: 0;
    border-radius: 9px;
    padding: 0 22px;
    color: #fff;
    background: var(--dk-green);
    font-weight: 800;
    cursor: pointer;
}
.dk-route-finder button:hover { background: var(--dk-green-dark); }

.dk-prices-section > h2, .dk-comparison-table-section h2, .dk-history h2, .dk-cheapest-main h2, .dk-faq h2, .dk-related-section h2 {
    margin: 0;
    color: #101828;
    font-size: clamp(22px, 2.5vw, 28px);
    line-height: 1.2;
    letter-spacing: -.025em;
}
.dk-prices-section > h2 { margin: 30px 0 12px; }
.dk-comparison-table-section { margin: 0 0 22px; }
.dk-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 0 0 11px; }
.dk-section-heading > a { flex: 0 0 auto; color: var(--dk-blue); font-size: 14px; font-weight: 700; text-decoration: none; }
.dk-section-heading p { max-width: 820px; margin: 6px 0 0; color: var(--dk-muted); font-size: 14px; }

.dk-table-wrap { width: 100%; overflow-x: auto; border: 1px solid var(--dk-border); border-radius: 12px; background: #fff; box-shadow: 0 3px 12px rgba(16, 24, 40, .035); }
.dk-group-table, .dk-price-table { width: 100%; border-collapse: collapse; }
.dk-price-table { min-width: 740px; table-layout: fixed; }
.dk-price-table th:first-child, .dk-price-table td:first-child { width: 290px; }
.dk-group-table th, .dk-price-table th { padding: 11px 14px; color: #344054; background: #f8fafb; font-size: 12px; font-weight: 800; text-align: left; }
.dk-group-table th span { color: var(--dk-muted); font-weight: 500; }
.dk-group-table td, .dk-price-table td { border-top: 1px solid var(--dk-border); padding: 11px 14px; text-align: left; vertical-align: middle; }
.dk-group-table tbody tr:hover, .dk-price-table tbody tr:hover { background: #fbfdfc; }
.dk-group-link, .dk-network-link { display: block; color: var(--dk-green-dark); font-weight: 800; text-decoration: none; }
.dk-group-link:hover, .dk-network-link:hover, .dk-address-link:hover { text-decoration: underline; }
.dk-group-table td small { display: block; margin-top: 2px; color: var(--dk-muted); font-size: 11px; }
.dk-group-table td:not(:first-child) strong, .dk-price-cell > strong { display: block; white-space: nowrap; font-size: 14px; font-variant-numeric: tabular-nums; }
.dk-compact-change { display: block; width: max-content; margin-top: 2px; padding: 0; background: transparent; font-size: 11px; font-weight: 700; white-space: nowrap; }
.dk-compact-change.dk-change-up { color: #d92d20; }
.dk-compact-change.dk-change-down { color: #067647; }
.dk-address-link { display: block; margin-top: 3px; color: var(--dk-muted); font-size: 12px; line-height: 1.35; text-decoration: none; }
.dk-sort-button { appearance: none; border: 0; padding: 0; color: inherit; background: none; font: inherit; cursor: pointer; }
.dk-sort-button::after { content: " ↕"; color: #98a2b3; }
.dk-sort-button[data-dk-active-sort="asc"]::after { content: " ↑"; color: var(--dk-green); }
.dk-sort-button[data-dk-active-sort="desc"]::after { content: " ↓"; color: var(--dk-green); }

.dk-station-actions { margin: 0 0 20px; }
.dk-station-actions a { display: inline-flex; min-height: 42px; align-items: center; gap: 7px; border-radius: 9px; padding: 8px 15px; color: #fff; background: var(--dk-green); font-weight: 800; text-decoration: none; }
.dk-station-comparison { margin: 0 0 24px; }
.dk-station-comparison h2 { margin: 0 0 11px; font-size: 22px; letter-spacing: -.02em; }
.dk-station-comparison-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.dk-station-comparison article { border: 1px solid var(--dk-border); border-radius: 10px; padding: 13px; background: var(--dk-soft); }
.dk-station-comparison span, .dk-station-comparison strong, .dk-station-comparison small { display: block; }
.dk-station-comparison span { color: var(--dk-muted); font-size: 12px; font-weight: 700; }
.dk-station-comparison strong { margin: 3px 0; font-size: 20px; }
.dk-station-comparison small { color: #475467; font-size: 11px; }

.dk-cheapest-main { margin-top: 30px; }
.dk-cheapest-main .dk-sidebar-section { border: 1px solid var(--dk-border); border-radius: 14px; padding: 20px; background: #fff; }
.dk-sidebar-section > h2 { margin-bottom: 16px; }
.dk-sidebar-group + .dk-sidebar-group { margin-top: 18px; }
.dk-sidebar-group h3 { margin: 0 0 9px; font-size: 16px; }
.dk-cheapest-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.dk-cheapest-list li { min-width: 0; border: 1px solid var(--dk-border); border-radius: 10px; padding: 11px; background: var(--dk-soft); }
.dk-cheapest-list a { color: inherit; text-decoration: none; }
.dk-sidebar-title { display: block; overflow: hidden; font-size: 14px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.dk-sidebar-meta { display: block; min-height: 35px; margin-top: 3px; color: var(--dk-muted); font-size: 11px; line-height: 1.4; }
.dk-sidebar-price { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 9px; }
.dk-sidebar-price strong { font-size: 15px; }
.dk-sidebar-empty { margin: 0; color: var(--dk-muted); }

.dk-history { margin-top: 34px; }
.dk-chart-panel { border: 1px solid var(--dk-border); border-radius: 14px; padding: 16px; background: #fff; box-shadow: 0 4px 16px rgba(16, 24, 40, .04); }
.dk-chart-toolbar { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.dk-chart-switch, .dk-chart-range { display: inline-flex; flex-wrap: wrap; gap: 4px; border-radius: 9px; padding: 4px; background: #f2f4f7; }
.dk-chart-panel button { min-height: 34px; border: 0; border-radius: 7px; padding: 5px 11px; color: #475467; background: transparent; font-size: 12px; font-weight: 800; cursor: pointer; }
.dk-chart-panel button[aria-pressed="true"] { color: var(--dk-green-dark); background: #fff; box-shadow: 0 1px 4px rgba(16, 24, 40, .12); }
.dk-chart-legend { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 6px; }
.dk-chart-legend button { display: inline-flex; align-items: center; gap: 6px; }
.dk-chart-legend button > span { width: 10px; height: 10px; border-radius: 50%; background: var(--dk-series-color); }
.dk-chart-legend button[aria-pressed="false"] { opacity: .45; text-decoration: line-through; }
.dk-chart-stage { position: relative; }
.dk-chart { display: block; width: 100%; max-height: 380px; border-radius: 10px; background: #fff; touch-action: manipulation; }
.dk-chart-tooltip { position: absolute; z-index: 3; min-width: 190px; max-width: 280px; border: 1px solid var(--dk-border); border-radius: 9px; padding: 9px 11px; color: #101828; background: rgba(255, 255, 255, .97); box-shadow: 0 8px 24px rgba(16, 24, 40, .16); pointer-events: none; font-size: 12px; }
.dk-chart-tooltip > strong { display: block; margin-bottom: 5px; }
.dk-chart-tooltip span { display: grid; grid-template-columns: 8px 1fr auto; align-items: center; gap: 6px; margin-top: 3px; }
.dk-chart-tooltip i { width: 8px; height: 8px; border-radius: 50%; background: var(--dk-series-color); }
.dk-chart-tooltip b { font-variant-numeric: tabular-nums; }
.dk-history-summary { margin-top: 14px; border-top: 1px solid var(--dk-border); padding-top: 13px; }
.dk-history-summary[hidden] { display: none; }
.dk-history-summary h3 { margin: 0 0 7px; font-size: 16px; }
.dk-history-summary ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px 20px; margin: 0; padding-left: 18px; color: #475467; font-size: 13px; }

.dk-directory-header { max-width: 850px; }
.dk-directory-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.dk-directory-card { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 11px; min-width: 0; border: 1px solid var(--dk-border); border-radius: 11px; padding: 13px; color: inherit; background: #fff; text-decoration: none; transition: .2s ease; }
.dk-directory-card:hover { border-color: #9ad4b5; transform: translateY(-1px); box-shadow: 0 5px 15px rgba(16, 24, 40, .07); }
.dk-directory-icon { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; color: #fff; background: var(--dk-green); font-weight: 800; }
.dk-directory-card strong, .dk-directory-card small { display: block; }
.dk-directory-card small { color: var(--dk-muted); font-size: 12px; }
.dk-arrow { color: var(--dk-blue); font-size: 20px; }

.dk-faq, .dk-related-section { margin-top: 30px; }
.dk-faq article { border-top: 1px solid var(--dk-border); padding: 12px 0; }
.dk-faq h3 { margin: 0 0 5px; font-size: 16px; }
.dk-faq p { margin: 0; color: var(--dk-muted); font-size: 13px; }
.dk-related { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 11px; }
.dk-disclaimer { margin: 28px 0 0; border-top: 1px solid var(--dk-border); padding-top: 14px; color: var(--dk-muted); font-size: 12px; }
.dk-empty { border: 1px solid var(--dk-border); border-radius: 12px; padding: 20px; background: var(--dk-soft); }

@media (max-width: 980px) {
    .dk-route-finder { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dk-cheapest-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .dk-directory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
    .dk-app { width: min(100% - 24px, 1220px); padding-top: 22px; }
    .dk-header h1 { font-size: 32px; }
    .dk-lead { font-size: 15px; }
    .dk-source { margin-left: 0 !important; }
    .dk-cards { grid-template-columns: 1fr; gap: 10px; }
    .dk-station-comparison-grid { grid-template-columns: 1fr; }
    .dk-card { min-height: 155px; padding: 16px; }
    .dk-route-finder { grid-template-columns: 1fr; }
    .dk-route-finder button { width: 100%; }
    .dk-section-heading { align-items: flex-start; }
    .dk-cheapest-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dk-history-summary ul { grid-template-columns: 1fr; }
    .dk-directory-grid { grid-template-columns: 1fr; }

    .dk-table-wrap { overflow: visible; border: 0; background: transparent; box-shadow: none; }
    .dk-group-table, .dk-price-table { display: block; min-width: 0; }
    .dk-group-table thead, .dk-price-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
    .dk-group-table tbody, .dk-price-table tbody { display: grid; gap: 10px; }
    .dk-group-table tr, .dk-price-table tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--dk-border); border-radius: 11px; background: #fff; }
    .dk-group-table td, .dk-price-table td, .dk-price-table td:first-child { display: block; width: auto; border: 0; border-top: 1px solid var(--dk-border); padding: 10px; }
    .dk-group-table td:first-child, .dk-price-table td:first-child { grid-column: 1 / -1; border-top: 0; background: #f8fafb; }
    .dk-group-table td:not(:first-child)::before, .dk-price-table td:not(:first-child)::before { content: attr(data-label); display: block; margin-bottom: 3px; color: var(--dk-muted); font-size: 10px; font-weight: 800; }
    .dk-price-table tr { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dk-chart-panel { padding: 11px; }
    .dk-chart { min-height: 290px; }
}

@media (max-width: 430px) {
    .dk-cheapest-list { grid-template-columns: 1fr; }
    .dk-chart-toolbar { display: grid; }
    .dk-chart-switch, .dk-chart-range { width: 100%; }
    .dk-chart-panel button { flex: 1; }
    .dk-group-table tr { grid-template-columns: 1fr; }
    .dk-group-table td:not(:first-child) { display: grid; grid-template-columns: 1fr auto; align-items: center; }
    .dk-group-table td:not(:first-child)::before { grid-row: 1 / 3; }
}

/* 0.3 visual system. Deliberately specific so a WordPress theme cannot resize the plugin UI. */
body.dk-prices-plugin-page .site-content,
body.dk-prices-plugin-page .site-main,
body.dk-prices-plugin-page .entry-content,
body.dk-prices-plugin-page .wp-block-post-content { overflow: visible !important; }

body .dk-app.dk-app {
    width: min(1440px, calc(100vw - 32px)) !important;
    max-width: none !important;
    position: relative;
    left: 50%;
    margin: 0 !important;
    padding: 34px 0 56px !important;
    transform: translateX(-50%);
    color: var(--dk-text) !important;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

body .dk-app.dk-app *,
body .dk-app.dk-app *::before,
body .dk-app.dk-app *::after { box-sizing: border-box; }

body .dk-app.dk-app .dk-header { margin: 0 0 24px !important; }
body .dk-app.dk-app .dk-header h1 {
    max-width: 1100px;
    margin: 0 !important;
    color: #0b1220 !important;
    font-family: inherit !important;
    font-size: clamp(36px, 3.25vw, 50px) !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    text-transform: none !important;
}

body .dk-app.dk-app .dk-breadcrumbs {
    gap: 8px;
    margin: 0 0 14px !important;
    color: var(--dk-muted) !important;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 1.45;
}
body .dk-app.dk-app .dk-breadcrumbs a { color: var(--dk-green-dark) !important; }

body .dk-app.dk-app .dk-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    align-items: start;
    gap: 32px;
}
body .dk-app.dk-app .dk-main-column { min-width: 0; }

body .dk-app.dk-app .dk-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin: 0 0 24px !important;
}
body .dk-app.dk-app .dk-card {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 12px 15px;
    min-height: 0;
    border: 1px solid #dfe5ec !important;
    border-radius: 13px !important;
    padding: 20px !important;
    background: #fff !important;
    box-shadow: 0 4px 14px rgba(16, 24, 40, .045) !important;
}
body .dk-app.dk-app .dk-card:hover {
    border-color: #bdc8d5 !important;
    transform: translateY(-2px);
    box-shadow: 0 9px 24px rgba(16, 24, 40, .085) !important;
}
body .dk-app.dk-app .dk-fuel-icon {
    width: 62px;
    height: 62px;
    font-size: 24px !important;
    font-weight: 800 !important;
}
body .dk-app.dk-app .dk-fuel-icon svg {
    width: 31px;
    height: 31px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}
body .dk-app.dk-app .dk-fuel-snd svg { fill: currentColor; stroke: none; }
body .dk-app.dk-app .dk-fuel-dyzelinas { background: #737b8a; }
body .dk-app.dk-app .dk-fuel-benzinas_95 { background: var(--dk-green); }
body .dk-app.dk-app .dk-fuel-snd { background: var(--dk-blue); }
body .dk-app.dk-app .dk-card-title {
    color: #344054 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
}
body .dk-app.dk-app .dk-card-content > strong {
    margin: 3px 0 8px !important;
    color: #090f1d !important;
    font-size: clamp(32px, 2.5vw, 42px) !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -.035em !important;
}
body .dk-app.dk-app .dk-card-change { gap: 7px; }
body .dk-app.dk-app .dk-card-change small {
    color: var(--dk-muted) !important;
    font-size: 13px !important;
}
body .dk-app.dk-app .dk-change {
    min-height: 25px;
    padding: 2px 8px;
    font-size: 13px !important;
    line-height: 1.4;
}
body .dk-app.dk-app .dk-card-chart {
    grid-column: 1 / -1;
    height: 62px;
    margin-top: 1px;
}
body .dk-app.dk-app .dk-card-sparkline {
    display: block;
    width: 100%;
    height: 62px;
}
body .dk-app.dk-app .dk-sidebar {
    position: sticky;
    top: 24px;
    display: grid;
    gap: 20px;
    min-width: 0;
}
body .dk-app.dk-app .dk-sidebar-panel {
    overflow: hidden;
    border: 1px solid #dfe5ec;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(16, 24, 40, .045);
}
body .dk-app.dk-app .dk-sidebar-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid var(--dk-border);
    padding: 16px 18px;
    color: #475467 !important;
    font-size: 14px !important;
}
body .dk-app.dk-app .dk-refresh-icon {
    color: var(--dk-green);
    font-size: 25px !important;
    font-weight: 700;
    line-height: 1;
}
body .dk-app.dk-app .dk-sidebar .dk-route-finder {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0;
    padding: 18px !important;
    background: #fff !important;
}
body .dk-app.dk-app .dk-route-finder label { gap: 8px; margin: 0 !important; }
body .dk-app.dk-app .dk-route-finder label > span {
    color: #161d2c !important;
    font-size: 14px !important;
    font-weight: 750 !important;
}
body .dk-app.dk-app .dk-route-finder select {
    min-height: 48px;
    margin: 0 !important;
    border: 1px solid #d5dce5 !important;
    border-radius: 8px !important;
    padding: 9px 38px 9px 13px !important;
    color: #253046 !important;
    background-color: #fff !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
}
body .dk-app.dk-app .dk-route-finder button {
    min-height: 46px;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 7px !important;
    padding: 8px 18px !important;
    color: #fff !important;
    background: linear-gradient(180deg, #09a24e 0%, #078c43 100%) !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
}
body .dk-app.dk-app .dk-sidebar-chart-section { padding: 19px 17px 14px; }
body .dk-app.dk-app .dk-sidebar-chart-section > h2 {
    margin: 0 0 12px !important;
    color: #111827 !important;
    font-family: inherit !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}
body .dk-app.dk-app .dk-sidebar-chart-panel {
    overflow: visible;
    border: 0 !important;
    border-radius: 0;
    padding: 0 !important;
    box-shadow: none !important;
}
body .dk-app.dk-app .dk-sidebar-chart-panel .dk-chart { min-height: 260px; }
body .dk-app.dk-app .dk-sidebar-chart-panel .dk-chart-legend {
    justify-content: center;
    gap: 2px 7px;
    margin: 8px 0 0;
}
body .dk-app.dk-app .dk-sidebar-chart-panel .dk-chart-legend button {
    min-height: 30px;
    padding: 3px 6px;
    font-size: 11px !important;
}
body .dk-app.dk-app .dk-sidebar-source {
    margin: -7px 2px 0 !important;
    color: var(--dk-muted) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

body .dk-app.dk-app .dk-prices-section > h2,
body .dk-app.dk-app .dk-detailed-prices-section > h2,
body .dk-app.dk-app .dk-comparison-table-section h2,
body .dk-app.dk-app .dk-history h2,
body .dk-app.dk-app .dk-cheapest-main h2,
body .dk-app.dk-app .dk-faq h2,
body .dk-app.dk-app .dk-related-section h2,
body .dk-app.dk-app .dk-station-comparison h2 {
    color: #101828 !important;
    font-family: inherit !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: -.02em !important;
    text-transform: none !important;
}
body .dk-app.dk-app .dk-prices-section > h2,
body .dk-app.dk-app .dk-detailed-prices-section > h2 { margin: 0 0 14px !important; }
body .dk-app.dk-app .dk-comparison-table-section {
    overflow: hidden;
    margin: 0 !important;
    border: 1px solid #dfe5ec;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(16, 24, 40, .035);
}
body .dk-app.dk-app .dk-comparison-table-section .dk-section-heading {
    margin: 0 !important;
    padding: 14px 16px 12px;
}
body .dk-app.dk-app .dk-comparison-table-section .dk-section-heading h2 {
    font-size: 24px !important;
    letter-spacing: -.01em !important;
}
body .dk-app.dk-app .dk-detailed-prices-section { margin: 0; }
body .dk-app.dk-app .dk-comparison-table-section + .dk-comparison-table-section { margin-top: 20px !important; }
body .dk-app.dk-app .dk-comparison-table-section + .dk-detailed-prices-section { margin-top: 32px; }
body .dk-app.dk-app .dk-section-heading > a {
    color: #176fe5 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
body .dk-app.dk-app .dk-section-heading p {
    color: var(--dk-muted) !important;
    font-size: 15px !important;
}
body .dk-app.dk-app .dk-table-wrap {
    border: 1px solid #dfe5ec !important;
    border-radius: 11px;
    background: #fff !important;
}
body .dk-app.dk-app .dk-comparison-table-section .dk-table-wrap {
    border: 0 !important;
    border-top: 1px solid #dfe5ec !important;
    border-radius: 0;
    box-shadow: none;
}
body .dk-app.dk-app .dk-group-table,
body .dk-app.dk-app .dk-price-table {
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: collapse !important;
    color: #172033 !important;
    background: #fff !important;
    font-family: inherit !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
}
body .dk-app.dk-app .dk-group-table th,
body .dk-app.dk-app .dk-price-table th {
    border: 0 !important;
    padding: 12px 15px !important;
    color: #344054 !important;
    background: #f8fafc !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-transform: none !important;
}
body .dk-app.dk-app th[data-dk-fuel]::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 7px;
    border-radius: 50%;
    background: #737b8a;
}
body .dk-app.dk-app th[data-dk-fuel="benzinas_95"]::before { background: var(--dk-green); }
body .dk-app.dk-app th[data-dk-fuel="snd"]::before { background: var(--dk-blue); }
body .dk-app.dk-app .dk-group-table th span { font-size: 13px !important; }
body .dk-app.dk-app .dk-group-table td,
body .dk-app.dk-app .dk-price-table td {
    border: 0 !important;
    border-top: 1px solid #e7ebf0 !important;
    padding: 10px 15px !important;
    color: #172033 !important;
    background: transparent !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
}
body .dk-app.dk-app .dk-group-table tbody tr:hover,
body .dk-app.dk-app .dk-price-table tbody tr:hover { background: #f8fcfa !important; }
body .dk-app.dk-app .dk-group-link,
body .dk-app.dk-app .dk-network-link {
    color: var(--dk-green-dark) !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
}
body .dk-app.dk-app .dk-group-table td small {
    margin-top: 2px;
    color: var(--dk-muted) !important;
    font-size: 13px !important;
}
body .dk-app.dk-app .dk-group-table td:not(:first-child) strong,
body .dk-app.dk-app .dk-price-cell > strong {
    color: #111827 !important;
    font-size: 17px !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
}
body .dk-app.dk-app .dk-compact-change {
    margin-top: 2px;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
}
body .dk-app.dk-app .dk-address-link {
    margin-top: 3px;
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
}
body .dk-app.dk-app .dk-sort-button {
    color: inherit !important;
    background: none !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
    text-transform: none !important;
}

body .dk-app.dk-app .dk-station-actions a,
body .dk-app.dk-app .dk-related a {
    font-size: 14px !important;
    font-weight: 700 !important;
}
body .dk-app.dk-app .dk-station-comparison article { padding: 16px; }
body .dk-app.dk-app .dk-station-comparison span { font-size: 14px !important; }
body .dk-app.dk-app .dk-station-comparison strong { font-size: 24px !important; }
body .dk-app.dk-app .dk-station-comparison small { font-size: 13px !important; }
body .dk-app.dk-app .dk-cheapest-main { margin-top: 34px !important; }
body .dk-app.dk-app .dk-cheapest-main .dk-sidebar-section {
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body .dk-app.dk-app .dk-cheapest-main .dk-sidebar-section > h2 { margin: 0 0 14px !important; }
body .dk-app.dk-app .dk-cheapest-main .dk-sidebar-group {
    margin: 0 !important;
    border: 1px solid #dfe5ec;
    border-radius: 12px;
    padding: 17px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(16, 24, 40, .035);
}
body .dk-app.dk-app .dk-cheapest-main .dk-sidebar-group + .dk-sidebar-group { margin-top: 14px !important; }
body .dk-app.dk-app .dk-sidebar-group h3 {
    margin: 0 0 12px !important;
    color: #1d2939 !important;
    font-family: inherit !important;
    font-size: 18px !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
}
body .dk-app.dk-app .dk-cheapest-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }
body .dk-app.dk-app .dk-cheapest-list li {
    border-color: #e1e7ed !important;
    padding: 13px !important;
    background: #f8fafc !important;
}
body .dk-app.dk-app .dk-sidebar-title { font-size: 15px !important; }
body .dk-app.dk-app .dk-sidebar-meta { min-height: 39px; font-size: 13px !important; }
body .dk-app.dk-app .dk-sidebar-price strong { font-size: 17px !important; }

body .dk-app.dk-app .dk-history { margin-top: 36px !important; }
body .dk-app.dk-app .dk-chart-panel { padding: 17px; }
body .dk-app.dk-app .dk-chart-panel button { font-size: 13px !important; }
body .dk-app.dk-app .dk-chart-tooltip { font-size: 13px !important; }
body .dk-app.dk-app .dk-history-summary h3 { font-size: 18px !important; }
body .dk-app.dk-app .dk-history-summary ul { font-size: 14px !important; }
body .dk-app.dk-app .dk-directory-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
body .dk-app.dk-app .dk-directory-card { padding: 15px !important; }
body .dk-app.dk-app .dk-directory-card strong { font-size: 16px !important; }
body .dk-app.dk-app .dk-directory-card small { font-size: 13px !important; }
body .dk-app.dk-app .dk-faq { margin-top: 36px !important; }
body .dk-app.dk-app .dk-faq > h2 { margin: 0 0 14px !important; }
body .dk-app.dk-app .dk-faq-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
body .dk-app.dk-app .dk-faq article {
    margin: 0 !important;
    border: 1px solid #dfe5ec !important;
    border-radius: 12px;
    padding: 18px !important;
    background: #fff;
    box-shadow: 0 3px 12px rgba(16, 24, 40, .035);
}
body .dk-app.dk-app .dk-faq h3 {
    margin: 0 0 8px !important;
    color: #1d2939 !important;
    font-family: inherit !important;
    font-size: 17px !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
}
body .dk-app.dk-app .dk-faq p {
    margin: 0 !important;
    color: #667085 !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}
body .dk-app.dk-app .dk-disclaimer { font-size: 13px !important; }

@media (max-width: 1120px) {
    body .dk-app.dk-app .dk-layout { grid-template-columns: 1fr; gap: 24px; }
    body .dk-app.dk-app .dk-sidebar {
        position: static;
        order: -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }
    body .dk-app.dk-app .dk-sidebar-source { grid-column: 1 / -1; }
}

@media (max-width: 840px) {
    body .dk-app.dk-app .dk-cards { grid-template-columns: 1fr; }
    body .dk-app.dk-app .dk-card { grid-template-columns: 62px minmax(0, 1fr); }
    body .dk-app.dk-app .dk-cheapest-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body .dk-app.dk-app .dk-directory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
    body .dk-app.dk-app {
        width: calc(100vw - 24px) !important;
        padding-top: 22px !important;
    }
    body .dk-app.dk-app .dk-header h1 { font-size: 34px !important; }
    body .dk-app.dk-app .dk-sidebar { grid-template-columns: 1fr; }
    body .dk-app.dk-app .dk-sidebar-source { grid-column: auto; }
    body .dk-app.dk-app .dk-card { padding: 17px !important; }
    body .dk-app.dk-app .dk-table-wrap { border: 0 !important; background: transparent !important; }
    body .dk-app.dk-app .dk-group-table tr,
    body .dk-app.dk-app .dk-price-table tr { border: 1px solid var(--dk-border) !important; }
    body .dk-app.dk-app .dk-group-table td,
    body .dk-app.dk-app .dk-price-table td,
    body .dk-app.dk-app .dk-price-table td:first-child { padding: 11px 12px !important; }
    body .dk-app.dk-app .dk-group-table td:not(:first-child)::before,
    body .dk-app.dk-app .dk-price-table td:not(:first-child)::before { font-size: 13px !important; }
    body .dk-app.dk-app .dk-sidebar-chart-panel .dk-chart { min-height: 260px; }
    body .dk-app.dk-app .dk-directory-grid { grid-template-columns: 1fr; }
    body .dk-app.dk-app .dk-faq-grid { grid-template-columns: 1fr; }
    body .dk-app.dk-app .dk-main-column h2 { font-size: 22px !important; }
}

@media (max-width: 480px) {
    body .dk-app.dk-app .dk-header h1 { font-size: 31px !important; }
    body .dk-app.dk-app .dk-fuel-icon { width: 56px; height: 56px; font-size: 21px !important; }
    body .dk-app.dk-app .dk-card { grid-template-columns: 56px minmax(0, 1fr); }
    body .dk-app.dk-app .dk-card-content > strong { font-size: 32px !important; }
    body .dk-app.dk-app .dk-cheapest-list { grid-template-columns: 1fr; }
}