/* PRICELIST */

/* ===== ECU SAAS ISOLATION ===== */
.ecu-saas,
.ecu-saas * {
 box-sizing: border-box !important;
 font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* LAYOUT */
.ecu-saas {
 display: flex !important;
 gap: 0px !important;
 margin: auto !important;
}

.ecu-left {
 flex: 1 !important
}

.ecu-right {
 width: 360px !important;
 padding-left: 30px !important;
}

/* HEADINGS */
.ecu-left h2 {
 font-size: 20px;
 font-weight: 900;
 color: #111;
 letter-spacing: .3px;
}

/* ===== TABS ===== */
.ecu-saas button {
 border: none !important;
 outline: none !important;
 color: black !important;
}

.ecu-fuel-tabs button,
.ecu-package-tabs button {
 padding: 16px 22px !important;
 border-radius: 18px !important;
 background: #ffffff !important;
 font-weight: 500 !important;
 box-shadow: 0 6px 18px rgba(0, 0, 0, .06) !important;
 transition: .25s ease !important;
 font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.ecu-package-tabs button.active,
.ecu-fuel-tabs button.active {
 background: #ff1e1e !important;
 color: #fff !important;
 box-shadow: 0 12px 35px rgba(255, 30, 30, .35) !important;
}

.pkg-tab.disabled {
 opacity: .45 !important;
}

/* ===== SERVICES CARD ===== */
.svc-table {
 background: #fff !important;
 border-radius: 28px !important;
 padding: 18px 26px !important;
 margin-top: 32px !important;
 box-shadow: 0 15px 45px rgba(0, 0, 0, .07) !important;
}

/* ROWS */
.svc-row {
 display: flex !important;
 justify-content: space-between !important;
 align-items: center !important;
 padding: 10px 0 !important;
 border-bottom: 1px solid #f1f1f1 !important;
}

.svc-row:last-child {
 border: none !important
}

.svc-row label {
 display: flex !important;
 align-items: center !important;
 gap: 12px !important;
 font-weight: 600 !important;
 font-size: 15px !important;
}

/* ===== CHECKBOX HARD OVERRIDE ===== */
.svc-row input {
 appearance: none !important;
 -webkit-appearance: none !important;
 width: 20px !important;
 height: 20px !important;
 border-radius: 6px !important;
 border: 2px solid #ff1e1e !important;
 background: #fff !important;
 cursor: pointer !important;
 position: relative !important;
}

.svc-row input:checked {
 background: #ff1e1e !important;
 box-shadow: 0 0 0 5px rgba(255, 30, 30, .15) !important;
}

.svc-row input:checked:after {
 content: "" !important;
 position: absolute !important;
 left: 5px !important;
 top: 2px !important;
 width: 6px !important;
 height: 11px !important;
 border: 2px solid #fff !important;
 border-top: none !important;
 border-left: none !important;
 transform: rotate(45deg) !important;
}

/* PRICE COLUMN */
.svc-price {
 font-weight: 700 !important;
 color: #666 !important;
}

/* ===== PRICE BOX ===== */
.ecu-price-box {
 position: sticky !important;
 top: 120px !important;
 background: #fff !important;
 border-radius: 32px !important;
 padding: 50px 35px !important;
 box-shadow: 0 25px 60px rgba(0, 0, 0, .08) !important;
 text-align: center !important;
}

.ecu-price {
 font-size: 52px !important;
 font-weight: 900 !important;
 margin-top: 20px !important;
 color: #ff1e1e !important;
}

/* ===== STAGE 3 ===== */
.stage3-box {
 background: #fff !important;
 border-radius: 28px !important;
 padding: 30px !important;
 margin-top: 30px !important;
 box-shadow: 0 15px 40px rgba(0, 0, 0, .07) !important;
}

.stage3-title {
 font-size: 22px !important;
 font-weight: 800 !important;
 margin-bottom: 20px !important;
}

.stage3-list {
 display: flex !important;
 flex-direction: column !important;
 gap: 12px !important;
 font-weight: 600 !important;
}

.stage3-list a {
 color: #000000 !important;
 text-decoration: none !important;
}

/* MOBILE */
@media(max-width:900px) {
 .ecu-saas {
  flex-direction: column !important
 }

 .ecu-right {
  width: 100% !important;
  padding-left: 0 !important;
  padding-top: 30px;
 }
}

/* ===== PRICE BOX PREMIUM STYLE ===== */
.ecu-price-box {
 position: sticky !important;
 top: 120px !important;
 background: #ffffff !important;
 border-radius: 36px !important;
 padding: 42px 36px !important;
 box-shadow:
  0 30px 70px rgba(0, 0, 0, .08),
  0 10px 30px rgba(0, 0, 0, .05) !important;
 text-align: center !important;
 transition: .3s ease !important;
}

.ecu-price-box:hover {
 transform: translateY(-6px) !important;
 box-shadow:
  0 40px 90px rgba(0, 0, 0, .10),
  0 15px 40px rgba(0, 0, 0, .06) !important;
}

/* TITLE */
.ecu-price-box h3 {
 font-size: 18px !important;
 font-weight: 600 !important;
 color: #777 !important;
 margin-bottom: 14px !important;
 letter-spacing: .3px !important;
}

/* PRICE NUMBER BLOCK */
.ecu-price {
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;
 gap: 10px !important;

 font-size: 36px !important;
 font-weight: 900 !important;

 padding: 14px 26px !important;
 border-radius: 18px !important;

 background: #fff5f5 !important;
 color: #ff1e1e !important;

 box-shadow:
  inset 0 0 0 2px #ffe2e2,
  0 10px 30px rgba(255, 30, 30, .12) !important;

 transition: .25s ease !important;
}

/* subtle animated glow when price updates */
.ecu-price.updating {
 transform: scale(1.05) !important;
 box-shadow:
  inset 0 0 0 2px #ff1e1e,
  0 15px 40px rgba(255, 30, 30, .25) !important;
}

/* ===== MOBILE ===== */
@media(max-width:900px) {

 .ecu-price-box {
  padding: 28px 22px !important;
  border-radius: 26px !important;
 }

 .ecu-price {
  font-size: 34px !important;
  padding: 10px 18px !important;
  border-radius: 14px !important;
 }

 .ecu-price-box h3 {
  font-size: 15px !important;
 }
}

.svc-row.static {
 padding-left: 0 !important;
 background: #fff !important;
}

.svc-row.static input {
 display: none !important;
}

/* ===== TABS LAYOUT FIX ===== */
.ecu-fuel-tabs,
.ecu-package-tabs {
 display: flex !important;
 flex-wrap: wrap !important;
 gap: 14px !important;
 /* tarpai tarp mygtukų */
 margin-top: 10px !important;
}

/* HOVER EFFECT BACK */
.ecu-fuel-tabs button:hover,
.ecu-package-tabs button:hover {
 transform: translateY(-2px) !important;
 box-shadow: 0 12px 28px rgba(0, 0, 0, .12) !important;
}


.ecu-price-box.hidden {
 display: none !important;
}

.svc-row {
 padding: 4px 0 !important;
}

.svc-row input {
 width: 22px !important;
 height: 22px !important;
 border-radius: 8px !important;
}

.svc-row input:checked:after {
 left: 6px !important;
 top: 3px !important;
 width: 7px !important;
 height: 12px !important;
}

.cf-info-short {
    text-wrap: auto;
}

.cf-info-full {
    text-wrap: auto;
}

.cf-service-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
    gap: 14px !important;
    margin-top: 10px !important;
}

.cf-service-card input {
    display: none !important;
}

.cf-service-ui {
    padding: 14px !important;
    border-radius: 14px !important;
    border: 2px solid #eee !important;
    background: #fff !important;
    font-weight: 600 !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all .2s ease !important;
}

.cf-service-card input:checked + .cf-service-ui {
    border-color: #ff2e2e !important;
    background: #fff5f5 !important;
    box-shadow: 0 0 0 3px rgba(255,46,46,0.15) !important;
}



.cf-service-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
    gap: 14px !important;
    margin-top: 10px !important;
}

.cf-service-card input {
    display: none !important;
}

.cf-service-ui {
    padding: 14px !important;
    border-radius: 14px !important;
    border: 2px solid #eee !important;
    background: #fff !important;
    font-weight: 600 !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all .2s ease !important;
}

.cf-service-card input:checked + .cf-service-ui {
    border-color: #ff2e2e !important;
    background: #fff5f5 !important;
    box-shadow: 0 0 0 3px rgba(255,46,46,0.15) !important;
}


.cf-upload-card {
    background: #fff !important;
    padding: 28px !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 35px rgba(0,0,0,0.06) !important;
}

.cf-upload-form label {
    font-weight: 600 !important;
    margin-bottom: 6px !important;
    display: block !important;
}

.cf-upload-form input[type="text"],
.cf-upload-form input[type="file"],
.cf-upload-form textarea,
.cf-upload-form select {
    border-radius: 12px !important;
    border: 2px solid #eee !important;
    padding: 12px !important;
    width: 100% !important;
    margin-bottom: 16px !important;
}

.cf-upload-form button {
    background: linear-gradient(90deg, #ff2e2e, #c40000) !important;
    border: none !important;
    color: #fff !important;
    padding: 14px 20px !important;
    border-radius: 14px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all .2s ease !important;
}

.cf-upload-form button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 18px rgba(255,46,46,0.35) !important;
}