/* ========================================================================== 
   MapasDeGasolineras · Provincia Refresh V2 · 2026-09-22
   Capa visual sobre provincia.css. Mantiene IDs, datos, APIs y hooks JS.
   ========================================================================== */
body.province-refresh {
  --pr-navy:#071a3b;
  --pr-navy2:#0b2b5c;
  --pr-blue:#2563eb;
  --pr-blue2:#3b82f6;
  --pr-green:#0aa968;
  --pr-green-soft:#eafaf2;
  --pr-amber:#f59e0b;
  --pr-orange:#f97316;
  --pr-red:#ef4444;
  --pr-violet:#7c3aed;
  --pr-bg:#f5f8fc;
  --pr-card:#fff;
  --pr-border:#dce6f1;
  --pr-text:#0c213d;
  --pr-muted:#64748b;
  --pr-radius:20px;
  --pr-radius-sm:13px;
  --pr-shadow:0 18px 45px rgba(8,31,63,.08);
  --pr-shadow-sm:0 8px 24px rgba(8,31,63,.07);
  background:var(--pr-bg);
  color:var(--pr-text);
}
body.province-refresh .page-wrapper{overflow:visible;background:var(--pr-bg)}
body.province-refresh .container{max-width:1240px}
body.province-refresh .province-page{padding-top:16px;padding-bottom:42px}
body.province-refresh .province-page>.container>.breadcrumb{margin:0 0 14px;font-size:.8rem;color:#7b8ca1}
body.province-refresh .province-page>.container>.breadcrumb a{color:#57708c}

/* HERO */
body.province-refresh .province-hero-card{
  position:relative;overflow:hidden;margin:0 0 14px;padding:30px;
  border:1px solid #d4e2f2;border-radius:26px;
  background:radial-gradient(circle at 92% 12%,rgba(59,130,246,.20),transparent 28%),
             radial-gradient(circle at 65% 105%,rgba(16,185,129,.12),transparent 27%),
             linear-gradient(135deg,#fbfdff 0%,#f0f6ff 54%,#e7f1ff 100%);
  box-shadow:0 20px 55px rgba(8,31,63,.09)
}
body.province-refresh .province-hero-card:after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px);
  background-size:30px 30px;mask-image:linear-gradient(90deg,transparent 42%,#000 100%)
}
body.province-refresh .province-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.72fr);gap:32px;align-items:stretch}
body.province-refresh .province-hero-copy{align-self:center}
body.province-refresh .province-kicker,.section-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#1d4ed8;font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
body.province-refresh .live-dot{width:8px;height:8px;border-radius:50%;background:#19c979;box-shadow:0 0 0 5px rgba(25,201,121,.11);display:inline-block}
body.province-refresh .province-hero-card .page-title{margin:9px 0 12px;max-width:760px;font-family:Inter,system-ui,sans-serif;font-size:clamp(2rem,4vw,3.45rem);line-height:1;font-weight:900;letter-spacing:-.055em;color:var(--pr-navy);text-align:left}
body.province-refresh .province-hero-card .page-title span{color:var(--pr-blue)}
body.province-refresh .province-lead{max-width:760px;margin:0 0 17px;color:#405872;font-size:1rem;line-height:1.6}
body.province-refresh .province-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px}
body.province-refresh .meta-pill,body.province-refresh .meta-stat{display:inline-flex;align-items:center;gap:7px;min-height:31px;padding:6px 10px;border:1px solid #d9e5f3;border-radius:999px;background:rgba(255,255,255,.8);color:#526a84;font-size:.76rem;box-shadow:0 4px 12px rgba(8,31,63,.035)}
body.province-refresh .meta-pill-source{color:#08794c;border-color:#c8efdd;background:#f0fdf7}
body.province-refresh .meta-stat strong{color:#0c2342}
body.province-refresh .province-search{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;max-width:820px;padding:7px 8px 7px 15px;border:1px solid #cbd9ea;border-radius:16px;background:#fff;box-shadow:0 12px 32px rgba(8,31,63,.08)}
body.province-refresh .province-search>i{color:#70859d}
body.province-refresh .province-search input{width:100%;min-width:0;height:42px;border:0;outline:0;background:transparent;color:var(--pr-text);font:inherit}
body.province-refresh .province-search input::placeholder{color:#91a1b5}
body.province-refresh .province-search-submit,body.province-refresh .province-search-near{height:42px;border:0;border-radius:11px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;font-weight:800;cursor:pointer;white-space:nowrap}
body.province-refresh .province-search-submit{background:var(--pr-blue);color:#fff;box-shadow:0 7px 17px rgba(37,99,235,.22)}
body.province-refresh .province-search-submit:hover{background:#1d4ed8}
body.province-refresh .province-search-near{background:#edf4ff;color:#164ca8}
body.province-refresh .province-search-near:hover{background:#dfeaff}
body.province-refresh .popular-localities{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px;color:#71849b;font-size:.76rem}
body.province-refresh .popular-localities a{display:inline-flex;padding:5px 9px;border:1px solid #dae5f2;border-radius:999px;background:rgba(255,255,255,.8);color:#405a76;text-decoration:none;font-weight:700}
body.province-refresh .popular-localities a:hover{border-color:#9ebde8;color:var(--pr-blue)}
body.province-refresh .popular-localities .popular-localities-more{background:#eaf2ff;color:#1d4ed8}
body.province-refresh .province-live-card{align-self:stretch;padding:20px;border:1px solid rgba(255,255,255,.22);border-radius:22px;background:linear-gradient(150deg,#081f43 0%,#0d3975 100%);color:#fff;box-shadow:0 24px 48px rgba(7,26,59,.18)}
body.province-refresh .province-live-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
body.province-refresh .province-live-head>div{display:flex;flex-direction:column;gap:7px}
body.province-refresh .province-live-head strong{font-size:1.03rem}
body.province-refresh .province-live-date{font-size:.72rem;color:#aac2df}
body.province-refresh .live-badge{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:5px 8px;border-radius:999px;background:rgba(16,185,129,.13);color:#7ff0ba;font-size:.66rem;font-weight:900;letter-spacing:.08em}
body.province-refresh .province-live-price{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.10)}
body.province-refresh .live-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;flex:0 0 auto;color:#fff}
body.province-refresh .live-icon-g95{background:linear-gradient(135deg,#0bb86e,#0a8e59)}
body.province-refresh .live-icon-diesel{background:linear-gradient(135deg,#f4ab13,#de7907)}
body.province-refresh .province-live-price div{min-width:0;display:flex;flex:1;align-items:baseline;justify-content:space-between;gap:10px}
body.province-refresh .province-live-price small{color:#b8cbe1;font-size:.72rem}
body.province-refresh .province-live-price strong{font-size:1.18rem;white-space:nowrap}
body.province-refresh .province-live-mini{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:4px}
body.province-refresh .province-live-mini>div{padding:10px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.055)}
body.province-refresh .province-live-mini small{display:block;color:#9fb8d4;font-size:.68rem;margin-bottom:3px}
body.province-refresh .province-live-mini strong{font-size:.95rem}
body.province-refresh .province-live-cta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:11px 12px;border-radius:12px;background:#fff;color:#0c3470;text-decoration:none;font-size:.82rem;font-weight:900}
body.province-refresh .province-live-cta:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.12)}

/* SECTION NAV + ADS */
body.province-refresh .section-nav{position:sticky;top:8px;z-index:30;justify-content:flex-start;gap:6px;margin:10px 0 18px;padding:8px;border:1px solid #dce6f1;border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(8,31,63,.06);backdrop-filter:blur(10px);overflow-x:auto;flex-wrap:nowrap}
body.province-refresh .section-nav a{flex:0 0 auto;padding:7px 12px;border:0;background:transparent;color:#52677f;font-weight:800}
body.province-refresh .section-nav a:hover{background:#eaf2ff;color:#1d4ed8;transform:none}
body.province-refresh .ad-container:empty,body.province-refresh .ad:empty,body.province-refresh ins.adsbygoogle[data-ad-status="unfilled"]{display:none!important;min-height:0!important;margin:0!important;padding:0!important}
body.province-refresh .ad-infeed,body.province-refresh .ad-top,body.province-refresh .ad-bottom{min-height:0!important}
body.province-refresh .ad-container{max-width:100%;overflow:hidden}

/* TOP CHEAPEST + SEO SUMMARY */
body.province-refresh .cheapest-highlight-section{margin:0 0 16px!important;padding:18px!important;border:1px solid var(--pr-border)!important;border-radius:20px!important;background:linear-gradient(135deg,#fff 0%,#f3f8ff 100%)!important;box-shadow:var(--pr-shadow-sm)!important}
body.province-refresh .cheapest-highlight-section>h2{margin:0 0 14px!important;font-size:1.1rem!important;color:var(--pr-text)!important}
body.province-refresh .cheapest-highlight-section>div{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
body.province-refresh .cheapest-highlight-section a{min-width:0!important;padding:13px!important;border-radius:14px!important;border-color:#e1e8f1!important;box-shadow:0 4px 12px rgba(8,31,63,.04)}
body.province-refresh .cheapest-highlight-section a:hover{transform:translateY(-2px)!important;box-shadow:0 10px 24px rgba(8,31,63,.08)}
body.province-refresh .seo-summary-block{margin:0 0 18px!important;padding:18px 20px!important;border:1px solid #dbe6f3!important;border-left:4px solid var(--pr-blue)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 5px 18px rgba(8,31,63,.04)}

/* MAIN LAYOUT */
body.province-refresh .columns-grid{grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}
body.province-refresh .col-main,body.province-refresh .col-side{min-width:0}
body.province-refresh .col-main>*,body.province-refresh .col-side>*{scroll-margin-top:88px}
body.province-refresh .province-summary-block,body.province-refresh .chart-container.station-card,body.province-refresh .neighbors-section .station-card,body.province-refresh .map-section,body.province-refresh .list-section,body.province-refresh .province-stats-block,body.province-refresh .prov-seo-text,body.province-refresh #detalles-mercado{border:1px solid var(--pr-border);border-radius:20px;background:#fff;box-shadow:var(--pr-shadow-sm)}
body.province-refresh .province-summary-block{padding:20px;margin:0 0 18px}
body.province-refresh .psb-title h2{font-family:Inter,system-ui,sans-serif;font-size:1.12rem;font-weight:900;letter-spacing:-.02em}
body.province-refresh .psb-grid{gap:12px}
body.province-refresh .psb-card{background:#f8fbff;border:1px solid #e5edf6;border-radius:14px;padding:14px}
body.province-refresh .psb-icon-box{width:45px;height:45px;border-radius:12px}
body.province-refresh .psb-value{font-size:1.25rem}
body.province-refresh .psb-footer-text{color:#8091a6}
body.province-refresh .section-title{font-family:Inter,system-ui,sans-serif;font-size:1.24rem;font-weight:900;letter-spacing:-.025em;color:var(--pr-text)}
body.province-refresh .section-header{margin-bottom:12px}
body.province-refresh .chart-section{margin:0 0 18px}
body.province-refresh .chart-section>.section-header{padding:0 2px}
body.province-refresh .chart-container.station-card{padding:16px;overflow:hidden}
body.province-refresh .chart-canvas-wrapper{height:300px!important}

/* NEIGHBORS */
body.province-refresh .neighbors-section{margin:0 0 18px}
body.province-refresh .neighbors-section>.section-header{padding:0 2px}
body.province-refresh .neighbors-section .station-card{overflow:hidden}
body.province-refresh .neighbors-table{font-size:.8rem}
body.province-refresh .neighbors-table th{padding:11px 12px;background:#f6f9fd;color:#63768d;border-bottom:1px solid #dce6f1}
body.province-refresh .neighbors-table td{padding:12px;border-bottom:1px solid #eef2f7}
body.province-refresh .neighbors-table tbody tr:last-child td{border-bottom:0}
body.province-refresh .diff-badge{padding:4px 8px;border-radius:999px}

/* TOP 3 */
body.province-refresh .top3-section.v2{margin:0 0 18px!important;padding:20px!important;border:1px solid var(--pr-border);border-radius:20px;background:#fff;box-shadow:var(--pr-shadow-sm)}
body.province-refresh .top3-header{margin-bottom:16px}
body.province-refresh .top3-header .section-title{font-size:1.25rem}
body.province-refresh .top3-header .section-subtitle{font-size:.85rem}
body.province-refresh .fuel-tabs-container-v2{gap:7px;margin-bottom:16px;padding-bottom:3px}
body.province-refresh .btn-fuel-tab-v2{padding:8px 14px;font-size:.8rem}
body.province-refresh .top3-list-v2{gap:10px}
body.province-refresh .card-top3-premium{padding:15px 16px;border-radius:15px;box-shadow:none;border:1px solid #e4eaf2}
body.province-refresh .card-top3-premium:hover{box-shadow:0 10px 24px rgba(8,31,63,.07)}
body.province-refresh .card-top3-premium .price-value{font-size:1.65rem}

/* MAP */
body.province-refresh .map-section{margin:0 0 18px;padding:20px}
body.province-refresh .section-header-refresh{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:13px}
body.province-refresh .section-header-refresh h2{margin:5px 0 5px}
body.province-refresh .section-header-refresh p{margin:0;color:var(--pr-muted);font-size:.84rem}
body.province-refresh #fuel-filters{gap:7px!important;margin-bottom:12px!important;padding:10px;border:1px solid #e4ebf4;border-radius:13px;background:#f8fbff}
body.province-refresh #fuel-filters .chip{padding:7px 12px!important;border-radius:999px!important;background:#fff!important;font-weight:800!important}
body.province-refresh #fuel-filters .chip.chip-active{background:var(--pr-blue)!important}
body.province-refresh #map.map-container{height:470px!important;min-height:470px;border:1px solid #d9e3ef;border-radius:16px;overflow:hidden;background:#e8eef5;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
body.province-refresh #map-stats-panel{margin-top:12px!important;padding:14px;border:1px solid #e1e8f1;border-radius:15px;background:#f9fbfe}
body.province-refresh #map-stats-panel .stat-card{padding:10px!important;border-radius:12px!important}
body.province-refresh #stationsList{max-height:300px!important}

/* LIST */
body.province-refresh .list-section{padding:20px;margin:0 0 18px}
body.province-refresh .list-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
body.province-refresh .list-section-head h2{margin:5px 0 4px}
body.province-refresh .list-section-head p{margin:0;color:var(--pr-muted);font-size:.84rem}
body.province-refresh .text-link{display:inline-flex;align-items:center;gap:7px;color:var(--pr-blue);font-weight:800;text-decoration:none;font-size:.8rem;white-space:nowrap}
body.province-refresh .list-sort-controls{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding:10px 12px;margin-bottom:10px;border:1px solid #e2e9f2;border-radius:14px;background:#f8fbff}
body.province-refresh .sort-group{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
body.province-refresh .sort-label{font-size:.75rem;font-weight:800;color:#62758d}
body.province-refresh .chip-sort,body.province-refresh .chip-fuel-filter{border:1px solid #dce5ef;border-radius:999px;background:#fff;color:#53677e;padding:7px 10px;font-size:.75rem;font-weight:800;cursor:pointer}
body.province-refresh .chip-sort.chip-active,body.province-refresh .chip-fuel-filter.chip-active{border-color:var(--pr-blue);background:#eaf2ff;color:#174da7}
body.province-refresh .results-count{margin:0 0 10px;color:#7a8da4;font-size:.78rem}
body.province-refresh .results-list{gap:9px}
body.province-refresh .results-list .card-v2{border:1px solid #e1e8f1;border-radius:15px;box-shadow:none}
body.province-refresh .pagination-container,#pagination-controls{margin-top:14px}

/* SIDEBAR */
body.province-refresh .province-sidebar{position:relative}
body.province-refresh .province-sidebar>*{margin-bottom:14px!important}
body.province-refresh .province-stats-block,body.province-refresh .prov-seo-text,body.province-refresh #detalles-mercado{padding:17px;border-radius:18px}
body.province-refresh .province-sidebar .pst-header h3,body.province-refresh .prov-seo-text h3{font-family:Inter,system-ui,sans-serif;font-weight:900;color:var(--pr-text)}
body.province-refresh .prov-seo-text p{font-size:.79rem;line-height:1.65}
body.province-refresh .prov-seo-text h4{font-size:.85rem;margin-top:14px}
body.province-refresh .nearby-pills{gap:6px}
body.province-refresh .nearby-pill{padding:5px 9px!important;border-radius:999px!important;background:#f7faff!important;border:1px solid #dfe8f2!important;color:#4c627a!important;font-size:.72rem!important}
body.province-refresh .nearby-pill:hover{background:#eaf2ff!important;border-color:#b9d0ef!important;color:#1d4ed8!important;transform:translateY(-1px)}
body.province-refresh .ad-sidebar{min-height:0!important}

/* FAQ */
body.province-refresh #faq-provincia{margin:0}
body.province-refresh .province-faq-section{margin:18px 0 0;padding:22px;border:1px solid var(--pr-border);border-radius:20px;background:#fff;box-shadow:var(--pr-shadow-sm)}
body.province-refresh .province-faq-section h2{margin:0 0 15px;font-family:Inter,system-ui,sans-serif;font-size:1.25rem;font-weight:900;color:var(--pr-text)}
body.province-refresh .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body.province-refresh .faq-item{padding:15px;border:1px solid #e2e9f2;border-radius:14px;background:#fbfdff}
body.province-refresh .faq-q{margin-bottom:7px;font-size:.88rem;color:#153c79}
body.province-refresh .faq-a{font-size:.8rem;line-height:1.6;color:#596e86}

/* FOOTER TRANSITION */
body.province-refresh .site-footer{margin-top:0}

/* Autocomplete inside hero */
body.province-refresh .province-search .autocomplete-dropdown{position:absolute;z-index:100;top:calc(100% + 6px);left:0;right:0;border:1px solid #d8e3ef;border-radius:14px;background:#fff;box-shadow:0 18px 40px rgba(8,31,63,.14);overflow:hidden}
body.province-refresh .province-search .autocomplete-dropdown.hidden{display:none}
body.province-refresh .autocomplete-item{padding:10px 12px}

@media (max-width:1080px){
 body.province-refresh .province-hero-grid{grid-template-columns:1fr .8fr;gap:20px}
 body.province-refresh .columns-grid{grid-template-columns:1fr}
 body.province-refresh .province-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px}
 body.province-refresh .province-sidebar>*{margin-bottom:0!important}
 body.province-refresh .cheapest-highlight-section>div{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:820px){
 body.province-refresh .province-hero-card{padding:20px;border-radius:20px}
 body.province-refresh .province-hero-grid{grid-template-columns:1fr}
 body.province-refresh .province-hero-card .page-title{font-size:clamp(2rem,9vw,3rem)}
 body.province-refresh .province-search{grid-template-columns:auto minmax(0,1fr) auto}
 body.province-refresh .province-search-near{grid-column:1/-1;width:100%;justify-content:center}
 body.province-refresh .province-sidebar{grid-template-columns:1fr}
 body.province-refresh .faq-grid{grid-template-columns:1fr}
 body.province-refresh #map.map-container{height:390px!important;min-height:390px}
}
@media (max-width:620px){
 body.province-refresh .province-page{padding-top:8px}
 body.province-refresh .province-hero-card{padding:16px}
 body.province-refresh .province-hero-card .page-title{font-size:2.08rem}
 body.province-refresh .province-lead{font-size:.9rem}
 body.province-refresh .province-search{grid-template-columns:auto 1fr;padding:7px 9px}
 body.province-refresh .province-search-submit{grid-column:1/-1;width:100%;justify-content:center}
 body.province-refresh .province-search-near{grid-column:1/-1}
 body.province-refresh .cheapest-highlight-section>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.province-refresh .province-live-price div{display:block}
 body.province-refresh .province-live-price strong{display:block;margin-top:2px}
 body.province-refresh .list-section-head{display:block}
 body.province-refresh .list-section-head .text-link{margin-top:8px}
 body.province-refresh .list-sort-controls{align-items:flex-start;flex-direction:column}
 body.province-refresh .neighbors-section .station-card{overflow-x:auto}
 body.province-refresh .neighbors-table{min-width:650px}
 body.province-refresh #map.map-container{height:330px!important;min-height:330px}
}
@media (max-width:390px){
 body.province-refresh .cheapest-highlight-section>div{grid-template-columns:1fr!important}
 body.province-refresh .province-live-mini{grid-template-columns:1fr}
}


/* =========================================================
   HOTFIX V3 · LISTADO COMPLETO
   La tarjeta generada por js/script.js usa card-v2. En la hoja
   histórica faltaba el layout base de .card-v2, por eso las tres
   columnas se apilaban y aparecían grandes huecos.
   ========================================================= */
body.province-refresh .results-list{
    display:flex;
    flex-direction:column;
    gap:8px;
}

body.province-refresh .results-list .card-v2{
    display:grid !important;
    grid-template-columns:minmax(0,1.55fr) minmax(230px,.95fr) 112px;
    align-items:center;
    gap:14px;
    width:100%;
    min-height:0;
    margin:0;
    padding:13px 14px;
    position:relative;
    overflow:hidden;
    border:1px solid #dde6f0;
    border-radius:14px;
    background:#fff;
    box-shadow:0 2px 8px rgba(15,23,42,.025);
}
body.province-refresh .results-list .card-v2:hover{
    border-color:#b9cce3;
    box-shadow:0 8px 20px rgba(15,23,42,.06);
    transform:translateY(-1px);
}
body.province-refresh .results-list .card-v2-left{
    min-width:0;
    display:flex;
    align-items:flex-start;
    gap:11px;
    flex:none;
}
body.province-refresh .results-list .cv2-logo{
    width:42px;
    height:42px;
    border-radius:10px;
    background:#f6f9fd;
    border:1px solid #dce6f1;
}
body.province-refresh .results-list .card-logo{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
body.province-refresh .results-list .card-logo img{
    width:100%;
    height:100%;
    object-fit:contain;
}
body.province-refresh .results-list .card-logo-fallback{
    font-size:.92rem;
    font-weight:900;
    color:#334155;
}
body.province-refresh .results-list .cv2-info{
    min-width:0;
    gap:3px;
}
body.province-refresh .results-list .cv2-title{
    margin:0;
    color:#172033;
    font-size:.82rem;
    line-height:1.25;
    font-weight:900;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
body.province-refresh .results-list .cv2-address{
    display:block;
    margin:1px 0 0;
    color:#64748b;
    font-size:.68rem;
    line-height:1.35;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
body.province-refresh .results-list .cv2-badges{
    margin-top:3px;
}
body.province-refresh .results-list .badge-pill{
    padding:2px 6px;
    font-size:9px;
}

body.province-refresh .results-list .card-v2-center{
    min-width:0;
    display:block;
    padding:0 14px;
    border-left:1px solid #e6edf5;
    border-right:1px solid #e6edf5;
    flex:none;
}
body.province-refresh .cv2-prices-wrap{width:100%}
body.province-refresh .cv2-prices-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
}
body.province-refresh .cv2-price-chip{
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:6px;
    padding:6px 7px;
    border:1px solid #e4ebf3;
    border-radius:9px;
    background:#f9fbfe;
}
body.province-refresh .cv2-price-name{
    color:#667991;
    font-size:.62rem;
    font-weight:800;
    white-space:nowrap;
}
body.province-refresh .cv2-price-value{
    color:#0f172a;
    font-size:.72rem;
    font-weight:900;
    white-space:nowrap;
}
body.province-refresh .cv2-price-g95 .cv2-price-value{color:#059669}
body.province-refresh .cv2-price-diesel .cv2-price-value{color:#2563eb}
body.province-refresh .cv2-price-g98 .cv2-price-value{color:#0f766e}
body.province-refresh .cv2-price-diesel-plus .cv2-price-value{color:#7c3aed}
body.province-refresh .cv2-price-glp .cv2-price-value{color:#ea580c}
body.province-refresh .cv2-updated{
    margin-top:5px;
    color:#94a3b8;
    font-size:.58rem;
    text-align:right;
}
body.province-refresh .cv2-no-price{
    color:#94a3b8;
    font-size:.72rem;
    font-weight:700;
    text-align:center;
}

body.province-refresh .results-list .card-v2-right{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:center;
    gap:5px;
    flex:none;
}
body.province-refresh .results-list .cv2-rank-badge{
    margin:0 0 1px;
    padding:3px 7px;
    border-radius:7px;
    font-size:.72rem;
}
body.province-refresh .results-list .cv2-distance{
    font-size:.72rem;
    font-weight:800;
}
body.province-refresh .results-list .cv2-link-details{
    font-size:.7rem;
    font-weight:800;
}
body.province-refresh .results-list .btn-cv2-go{
    padding:5px 8px;
    border-radius:8px;
    font-size:.68rem;
    text-decoration:none;
    color:#334155;
    background:#f7f9fc;
    border:1px solid #e1e8f1;
}
body.province-refresh .results-list .btn-cv2-go:hover{
    color:#fff;
    background:#2563eb;
    border-color:#2563eb;
}

body.province-refresh #pagination-controls .modern-pagination{
    margin-top:14px;
    padding:10px 12px;
    border-radius:14px;
    box-shadow:none;
}
body.province-refresh #pagination-controls .page-btn{
    width:31px;
    height:31px;
    border-radius:7px;
    font-size:.75rem;
}
body.province-refresh #pagination-controls .pagination-info,
body.province-refresh #pagination-controls .pagination-ipp{
    font-size:.76rem;
}
body.province-refresh #pagination-controls .ipp-select{
    padding:5px 8px;
    font-size:.76rem;
}

@media (max-width:900px){
    body.province-refresh .results-list .card-v2{
        grid-template-columns:minmax(0,1fr) 104px;
    }
    body.province-refresh .results-list .card-v2-center{
        grid-column:1 / -1;
        grid-row:2;
        padding:10px 0 0;
        border-left:0;
        border-right:0;
        border-top:1px solid #e6edf5;
    }
    body.province-refresh .results-list .card-v2-right{
        grid-column:2;
        grid-row:1;
    }
    body.province-refresh .cv2-prices-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}

@media (max-width:620px){
    body.province-refresh .list-section{padding:14px}
    body.province-refresh .results-list .card-v2{
        display:grid !important;
        grid-template-columns:1fr;
        gap:9px;
        padding:12px;
    }
    body.province-refresh .results-list .card-v2-left,
    body.province-refresh .results-list .card-v2-center,
    body.province-refresh .results-list .card-v2-right{
        grid-column:1;
        grid-row:auto;
    }
    body.province-refresh .results-list .card-v2-center{
        padding:9px 0;
        border-top:1px solid #e6edf5;
        border-bottom:1px solid #e6edf5;
    }
    body.province-refresh .results-list .card-v2-right{
        flex-direction:row;
        align-items:center;
        justify-content:flex-end;
        gap:9px;
    }
    body.province-refresh .results-list .cv2-rank-badge{margin-right:auto}
    body.province-refresh .cv2-prices-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    body.province-refresh #pagination-controls .modern-pagination{
        padding:10px;
    }
}
