/* TankujNajtaniej – production mobile/PWA station card v8
   Desktop stays on the existing station.css. */

.station-mobile-title-row,
.station-mobile-update-label,
.station-mobile-heart,
.station-mobile-confirm-wrap,
.station-mobile-actions,
.station-mobile-accordion-toggle,
.station-mobile-confirm-modal{display:none;}

@media (max-width:768px){
  body.station-mobile-v8 .station2-page-wrap{padding-bottom:96px;}
  body.station-mobile-v8 .station2-container{padding:8px 10px 28px;}

  body.station-mobile-v8 .station2-breadcrumbs{
    display:flex;overflow-x:auto;white-space:nowrap;gap:7px;
    padding:8px 3px 10px;margin:0 0 8px;scrollbar-width:none;
  }
  body.station-mobile-v8 .station2-breadcrumbs::-webkit-scrollbar{display:none;}
  body.station-mobile-v8 .station2-breadcrumbs a,
  body.station-mobile-v8 .station2-breadcrumbs span,
  body.station-mobile-v8 .station2-breadcrumbs strong{font-size:11px;}

  /* Compact identity card */
  body.station-mobile-v8 .station2-hero{
    position:relative;display:block!important;
    padding:13px!important;margin:0 0 9px!important;
    border-radius:22px!important;min-height:0!important;
  }
  body.station-mobile-v8 .station2-hero-main{width:100%!important;}
  body.station-mobile-v8 .station2-brand-block{
    display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;
    gap:12px!important;align-items:start!important;
  }
  body.station-mobile-v8 .station2-logo-box{
    width:68px!important;height:68px!important;min-width:68px!important;flex-basis:68px!important;
    border-radius:17px!important;grid-column:1!important;
  }
  body.station-mobile-v8 .station2-title-block{grid-column:2!important;min-width:0!important;padding-right:34px!important;}
  body.station-mobile-v8 .station2-title-block>.station2-kicker{display:none!important;}
  body.station-mobile-v8 .station-mobile-title-row{display:block!important;position:relative!important;}
  body.station-mobile-v8 .station-mobile-title-row h1{
    margin:1px 0 5px!important;font-size:26px!important;line-height:1.03!important;
    letter-spacing:-.035em!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
  }
  body.station-mobile-v8 .station-mobile-heart{
    display:flex!important;position:absolute!important;right:-32px!important;top:0!important;
    width:32px!important;height:32px!important;align-items:center!important;justify-content:center!important;
    padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
    color:#dce6f0!important;text-decoration:none!important;font-size:25px!important;line-height:1!important;
  }
  body.station-mobile-v8 .station-mobile-heart.active{color:#ff6878!important;}
  body.station-mobile-v8 .station2-address{
    display:block!important;font-size:12px!important;line-height:1.3!important;color:#9fb1c3!important;
  }
  body.station-mobile-v8 .station2-address-icon,
  body.station-mobile-v8 .station2-address .station2-dot{display:none!important;}
  body.station-mobile-v8 .station2-address strong{display:block!important;margin-bottom:1px!important;font-size:13px!important;color:#fff!important;}

  /* Plain freshness text only */
  body.station-mobile-v8 .station-mobile-update-label{
    display:block!important;margin-top:7px!important;font-size:11px!important;line-height:1.15!important;
    color:#94a9bd!important;font-weight:650!important;
  }
  body.station-mobile-v8 .station2-last-update-box,
  body.station-mobile-v8 .station2-last-update-empty,
  body.station-mobile-v8 .station2-hero-bottom,
  body.station-mobile-v8 .station2-hero-actions,
  body.station-mobile-v8 .station-owner-front-box{display:none!important;}

  /* Prices: no title, 2 clean original-style tiles per row */
  body.station-mobile-v8 .station2-prices-section{
    margin:0 0 9px!important;padding:12px!important;border-radius:22px!important;
  }
  body.station-mobile-v8 .station2-prices-section>.station2-section-head{display:none!important;}
  body.station-mobile-v8 .station2-fuel-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;
  }
  body.station-mobile-v8 .station2-fuel-card,
  body.station-mobile-v8 .station2-fuel-card:nth-child(odd):last-child{
    grid-column:auto!important;width:auto!important;min-width:0!important;
    min-height:104px!important;height:104px!important;padding:15px 14px!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:space-between!important;
    gap:8px!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.10)!important;
    background:linear-gradient(180deg,#17283a 0%,#101d2b 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 18px rgba(0,0,0,.12)!important;overflow:hidden!important;
  }
  body.station-mobile-v8 .station2-fuel-card:before{display:none!important;content:none!important;}
  body.station-mobile-v8 .station2-fuel-card.fuel-user-highlight{
    border:1.5px solid rgba(246,191,30,.88)!important;
    box-shadow:inset 0 0 0 1px rgba(246,191,30,.08),0 8px 20px rgba(0,0,0,.14)!important;
    background:linear-gradient(180deg,rgba(45,47,42,.98) 0%,#16202a 100%)!important;
  }
  body.station-mobile-v8 .station2-fuel-top{display:block!important;margin:0!important;padding:0!important;text-align:left!important;}
  body.station-mobile-v8 .station2-fuel-code{
    font-size:15px!important;line-height:1!important;font-weight:900!important;letter-spacing:.02em!important;color:#f5c329!important;
  }
  body.station-mobile-v8 .station2-fuel-name,
  body.station-mobile-v8 .station2-fav-fuel,
  body.station-mobile-v8 .price-change,
  body.station-mobile-v8 .station2-fuel-meta,
  body.station-mobile-v8 .station2-fuel-actions,
  body.station-mobile-v8 .price-currency,
  body.station-mobile-v8 .station2-empty-price p,
  body.station-mobile-v8 .station2-empty-price .add-price-btn,
  body.station-mobile-v8 .station2-empty-price .price-owner-locked-note,
  body.station-mobile-v8 .station2-help-strip{display:none!important;}
  body.station-mobile-v8 .station2-price-box{
    display:flex!important;flex:1!important;align-items:center!important;justify-content:center!important;
    margin:0!important;padding:0!important;text-align:center!important;
  }
  body.station-mobile-v8 .fuel-price{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;gap:0!important;}
  body.station-mobile-v8 .price-number{
    font-size:36px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.045em!important;color:#fff!important;
  }
  body.station-mobile-v8 .station-mobile-fuel-age{
    display:block!important;margin-top:7px!important;font-size:11px!important;line-height:1!important;
    font-weight:700!important;letter-spacing:.01em!important;color:#8fa5b9!important;text-align:center!important;
  }

  /* Relative freshness: if another fuel on this station has a newer update,
     gently tone down the older tile. The actual price remains readable. */
  body.station-mobile-v8 .station2-fuel-card.fuel-relative-older:not(.fuel-user-highlight){
    background:linear-gradient(180deg,#152535 0%,#0f1b28 100%)!important;
    border-color:rgba(255,255,255,.075)!important;
  }
  body.station-mobile-v8 .station2-fuel-card.fuel-relative-older:not(.fuel-user-highlight) .station2-fuel-code{
    color:#c7ad57!important;
  }
  body.station-mobile-v8 .station2-fuel-card.fuel-relative-older:not(.fuel-user-highlight) .price-number{
    color:#e3eaf1!important;
  }
  body.station-mobile-v8 .station2-fuel-card.fuel-relative-older:not(.fuel-user-highlight) .station-mobile-fuel-age{
    color:#71879a!important;
  }
  body.station-mobile-v8 .station2-fuel-card.fuel-relative-old:not(.fuel-user-highlight){
    background:linear-gradient(180deg,#121f2c 0%,#0c1721 100%)!important;
    border-color:rgba(255,255,255,.055)!important;
  }
  body.station-mobile-v8 .station2-fuel-card.fuel-relative-old:not(.fuel-user-highlight) .station2-fuel-code{
    color:#9d936e!important;
  }
  body.station-mobile-v8 .station2-fuel-card.fuel-relative-old:not(.fuel-user-highlight) .price-number{
    color:#c9d2db!important;
  }
  body.station-mobile-v8 .station2-fuel-card.fuel-relative-old:not(.fuel-user-highlight) .station-mobile-fuel-age{
    color:#647789!important;
  }
  body.station-mobile-v8 .station2-empty-price{
    display:flex!important;flex:1!important;align-items:center!important;justify-content:center!important;
    min-height:0!important;height:auto!important;padding:0!important;text-align:center!important;
  }
  body.station-mobile-v8 .station2-empty-price .fuel-no-price{
    max-width:120px!important;font-size:12px!important;line-height:1.2!important;font-weight:800!important;color:#8599ac!important;text-align:center!important;
  }

  body.station-mobile-v8 .station-mobile-confirm-wrap{display:block!important;margin-top:10px!important;}
  body.station-mobile-v8 .station-mobile-confirm-btn{
    width:100%!important;min-height:46px!important;padding:0 18px!important;border:0!important;border-radius:14px!important;
    background:linear-gradient(135deg,#18b966,#0f9850)!important;color:#fff!important;
    font-size:15px!important;font-weight:850!important;cursor:pointer!important;
  }

  /* Main AdSense directly below prices/confirmation */
  body.station-mobile-v8 .station-mobile-main-ad{margin:0 0 9px!important;}
  body.station-mobile-v8 .station-mobile-main-ad .tn-ad-slot--station{
    margin:0!important;min-height:78px!important;padding:5px 6px 6px!important;border-radius:17px!important;overflow:hidden!important;
  }
  body.station-mobile-v8 .station-mobile-main-ad .tn-ad-label{margin:0 0 3px!important;font-size:7px!important;}
  body.station-mobile-v8 .station-mobile-main-ad .adsbygoogle{min-height:62px!important;border-radius:12px!important;}

  /* Actions, no heading */
  body.station-mobile-v8 .station-mobile-actions{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;
    margin:0 0 10px!important;padding:10px!important;border-radius:18px!important;
    background:rgba(10,29,46,.88)!important;border:1px solid rgba(255,255,255,.08)!important;
  }
  body.station-mobile-v8 .station-mobile-action{
    min-width:0!important;min-height:60px!important;padding:7px 4px!important;border-radius:12px!important;
    border:1px solid rgba(255,255,255,.09)!important;background:rgba(255,255,255,.035)!important;color:#fff!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;
    text-align:center!important;text-decoration:none!important;font-size:9px!important;font-weight:800!important;
  }
  body.station-mobile-v8 .station-mobile-action span{font-size:16px!important;}
  body.station-mobile-v8 .station-mobile-action strong{font-size:9px!important;line-height:1.15!important;}
  body.station-mobile-v8 .station-mobile-action--nav{background:linear-gradient(145deg,#147ee6,#0964c8)!important;}
  body.station-mobile-v8 .station-mobile-action--photo{background:linear-gradient(145deg,#0aa35c,#087d47)!important;}

  /* Mobile-only accordion rows; desktop panels remain untouched */
  body.station-mobile-v8 .station-mobile-lower-grid{display:block!important;margin:0!important;}
  body.station-mobile-v8 .station-mobile-accordion-toggle{
    display:grid!important;grid-template-columns:34px minmax(0,1fr) 24px!important;align-items:center!important;gap:10px!important;
    width:100%!important;min-height:60px!important;margin:8px 0 0!important;padding:10px 12px!important;
    border-radius:16px!important;border:1px solid rgba(255,255,255,.09)!important;background:#0d263b!important;color:#fff!important;text-align:left!important;
  }
  body.station-mobile-v8 .station-mobile-accordion-toggle>span:first-child{
    width:34px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;
    border-radius:11px!important;background:rgba(255,255,255,.055)!important;font-size:17px!important;
  }
  body.station-mobile-v8 .station-mobile-accordion-toggle strong{display:block!important;font-size:14px!important;line-height:1.1!important;}
  body.station-mobile-v8 .station-mobile-accordion-toggle small{display:block!important;margin-top:3px!important;font-size:10px!important;color:#9fb3c6!important;}
  body.station-mobile-v8 .station-mobile-accordion-toggle b{justify-self:end!important;font-size:24px!important;font-weight:400!important;color:#9eb2c7!important;transition:transform .2s ease!important;}
  body.station-mobile-v8 .station-mobile-accordion-toggle[aria-expanded="true"] b{transform:rotate(90deg)!important;}
  body.station-mobile-v8 .station-mobile-collapsible{display:none!important;margin-top:6px!important;}
  body.station-mobile-v8 .station-mobile-collapsible.is-open{display:block!important;}
  body.station-mobile-v8 .station-mobile-collapsible.station2-panel{padding:12px!important;border-radius:16px!important;}
  body.station-mobile-v8 .station-mobile-collapsible .station2-panel-head{margin-bottom:10px!important;}
  body.station-mobile-v8 .station-mobile-collapsible .station2-panel-head .station2-kicker{display:none!important;}
  body.station-mobile-v8 .station-mobile-collapsible .station2-panel-head h2{font-size:17px!important;margin:0!important;}
  body.station-mobile-v8 .station-mobile-collapsible .station2-section-note{display:none!important;}
  body.station-mobile-v8 #stationMobileHistory .station2-chart-wrap{height:190px!important;}
  body.station-mobile-v8 #stationMobileMap iframe{width:100%!important;height:210px!important;border:0!important;border-radius:14px!important;}
  body.station-mobile-v8 .station2-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  body.station-mobile-v8 .station-mobile-updates-toggle{margin-top:8px!important;}

  /* Center confirmation dialog above PWA bottom nav */
  body.station-mobile-v8 .station-mobile-confirm-modal.is-open{
    display:flex!important;position:fixed!important;inset:0!important;z-index:10050!important;
    align-items:center!important;justify-content:center!important;
    padding:18px 14px calc(92px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;
  }
  body.station-mobile-v8 .station-mobile-confirm-backdrop{position:absolute!important;inset:0!important;background:rgba(0,0,0,.62)!important;backdrop-filter:blur(4px)!important;}
  body.station-mobile-v8 .station-mobile-confirm-dialog{
    position:relative!important;z-index:1!important;width:min(100%,430px)!important;max-height:min(72vh,620px)!important;overflow:auto!important;
    padding:18px 16px!important;border-radius:22px!important;background:#0b2034!important;color:#fff!important;
    border:1px solid rgba(255,255,255,.11)!important;box-shadow:0 24px 70px rgba(0,0,0,.45)!important;
  }
  body.station-mobile-v8 .station-mobile-confirm-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important;}
  body.station-mobile-v8 .station-mobile-confirm-head h3{margin:0!important;font-size:20px!important;}
  body.station-mobile-v8 .station-mobile-confirm-head button{
    width:36px!important;height:36px!important;border:0!important;border-radius:999px!important;background:rgba(255,255,255,.07)!important;color:#fff!important;font-size:20px!important;
  }
  body.station-mobile-v8 .station-mobile-confirm-list{display:grid!important;gap:8px!important;}
  body.station-mobile-v8 .station-mobile-confirm-option{
    display:flex!important;align-items:center!important;gap:10px!important;padding:12px!important;border-radius:14px!important;
    border:1px solid rgba(255,255,255,.09)!important;background:rgba(255,255,255,.045)!important;
  }
  body.station-mobile-v8 .station-mobile-confirm-option input{width:20px!important;height:20px!important;accent-color:#12ad5d!important;}
  body.station-mobile-v8 .station-mobile-confirm-option strong{font-size:15px!important;}
  body.station-mobile-v8 .station-mobile-confirm-option span{margin-left:auto!important;font-size:17px!important;font-weight:850!important;}
  body.station-mobile-v8 .station-mobile-confirm-submit{
    width:100%!important;min-height:50px!important;margin-top:12px!important;border:0!important;border-radius:14px!important;background:#10a95c!important;color:#fff!important;font-weight:850!important;
  }
  body.station-mobile-v8 .station-mobile-confirm-empty{padding:14px!important;border-radius:12px!important;background:rgba(255,255,255,.045)!important;text-align:center!important;color:#b8c9da!important;}
}

@media (max-width:390px){
  body.station-mobile-v8 .station2-logo-box{width:60px!important;height:60px!important;min-width:60px!important;flex-basis:60px!important;}
  body.station-mobile-v8 .station2-brand-block{grid-template-columns:60px minmax(0,1fr)!important;gap:10px!important;}
  body.station-mobile-v8 .station-mobile-title-row h1{font-size:23px!important;}
  body.station-mobile-v8 .price-number{font-size:32px!important;}
}