/* Manager + MR pricing and checkout */
.purchase-shell{max-width:1120px;margin:0 auto;padding:68px 22px 82px}
.purchase-hero{text-align:center;max-width:780px;margin:0 auto 30px}
.purchase-breadcrumb{font-size:12.5px;color:#5C6675;margin-bottom:16px}
.purchase-breadcrumb a{color:#7E8899;text-decoration:none}
.purchase-hero h1{font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(32px,4.6vw,52px);line-height:1.06;letter-spacing:-.035em;color:#fff;margin:0 0 16px}
.purchase-hero p{font-size:16px;line-height:1.65;color:#AAB3C2;margin:0 auto;max-width:680px}
.pricing-card{max-width:680px;margin:0 auto;background:linear-gradient(165deg,rgba(61,123,255,.12),rgba(43,212,204,.06)),#0D121A;border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:30px;box-shadow:0 24px 60px rgba(0,0,0,.26)}
.pricing-card h2{font:800 25px/1.2 Manrope,sans-serif;color:#fff;margin:0 0 7px}
.pricing-card>.intro{font-size:13.5px;line-height:1.55;color:#8F9AAC;margin:0 0 26px}
.form-field{display:flex;flex-direction:column;gap:9px;margin-bottom:22px}
.form-field label{font:700 13px/1.2 Manrope,sans-serif;color:#E7ECF3}
.form-field select,.form-field input{width:100%;min-height:50px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#080D14;color:#fff;padding:0 14px;font:600 14px/1.2 'Plus Jakarta Sans',sans-serif;outline:none}
.form-field select:focus,.form-field input:focus{border-color:rgba(43,212,204,.58);box-shadow:0 0 0 3px rgba(43,212,204,.1)}
.mr-stepper{display:grid;grid-template-columns:50px 1fr 50px;gap:10px;align-items:center}
.mr-stepper button{min-height:50px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#111927;color:#fff;font:800 22px/1 Manrope;cursor:pointer}
.mr-stepper output{min-height:50px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#080D14;color:#fff;font:800 18px/1 Manrope}
.price-breakdown{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:17px 0;margin:6px 0 20px;display:grid;gap:11px}
.price-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13.5px;color:#AAB3C2}
.price-row strong{color:#E7ECF3;font-weight:700}
.price-total{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 20px}
.price-total small{display:block;color:#7E8899;font-size:12px;margin-bottom:4px}
.price-total strong{display:block;font:800 clamp(38px,7vw,52px)/1 Manrope,sans-serif;color:#fff;letter-spacing:-.04em}
.price-plan-label{text-align:right;color:#9FE9E4;font:700 13px/1.45 Manrope,sans-serif}
.purchase-primary{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:linear-gradient(100deg,#3D7BFF,#2BD4CC);color:#04101c!important;text-decoration:none;font:800 14px/1 Manrope,sans-serif;cursor:pointer}
.purchase-note{font-size:12px;line-height:1.55;color:#707B8C;text-align:center;margin:13px 0 0}
.plan-points{max-width:820px;margin:30px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.plan-point{padding:18px;border-radius:16px;background:#090D14;border:1px solid rgba(255,255,255,.07)}
.plan-point strong{display:block;color:#fff;font:700 14px/1.3 Manrope;margin-bottom:6px}
.plan-point span{display:block;color:#8994A5;font-size:12.5px;line-height:1.5}

.checkout-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:24px;align-items:start}
.checkout-panel{background:#0D121A;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:26px}
.checkout-panel h2{font:800 21px/1.25 Manrope;color:#fff;margin:0 0 20px}
.checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.checkout-fields .form-field{margin:0}
.field-error{min-height:17px;color:#ff8b8b;font-size:11.5px;line-height:1.35}
.order-summary{position:sticky;top:108px}
.order-summary .summary-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.order-summary .summary-title h2{margin:0}
.summary-brand{font-size:12px;color:#7E8899;margin-bottom:4px}
.summary-plan-name{font:800 16px/1.3 Manrope;color:#fff}
.checkout-edit{display:grid;grid-template-columns:1fr 130px;gap:12px;margin-bottom:18px}
.checkout-edit .form-field{margin:0}
.checkout-edit .mr-stepper{grid-template-columns:40px 1fr 40px;gap:6px}
.checkout-edit .mr-stepper button,.checkout-edit .mr-stepper output{min-height:46px}
.checkout-submit{margin-top:18px}
.checkout-status{margin-top:12px;padding:12px 14px;border-radius:10px;background:rgba(61,123,255,.08);color:#AFC5E5;font-size:12px;line-height:1.5}
.checkout-status.error{background:rgba(220,68,68,.09);color:#ffaaaa}
.success-card{max-width:720px;margin:0 auto;text-align:center;background:#0D121A;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:38px 28px}
.success-icon{width:66px;height:66px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:rgba(43,212,204,.12);color:#2BD4CC;font:800 30px/1 Manrope}
.success-card h1{font:800 clamp(30px,5vw,44px)/1.1 Manrope;color:#fff;margin:0 0 12px}
.success-card p{color:#AAB3C2;line-height:1.65}
.success-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}

@media(max-width:840px){
  .checkout-grid{grid-template-columns:1fr}
  .order-summary{position:static;order:-1}
}
@media(max-width:680px){
  .purchase-shell{padding:54px 16px 96px}
  .pricing-card,.checkout-panel{padding:20px;border-radius:17px}
  .plan-points{grid-template-columns:1fr}
  .checkout-fields{grid-template-columns:1fr}
  .checkout-edit{grid-template-columns:1fr}
  .price-total{align-items:flex-start;flex-direction:column}
  .price-plan-label{text-align:left}
  .purchase-primary{min-height:54px}
}


/* ===== Three-card reference pricing UI ===== */
.pricing-showcase-page{max-width:1240px;padding-top:54px}
.pricing-showcase-head{max-width:860px;margin:0 auto 44px;text-align:center}
.pricing-showcase-head .purchase-breadcrumb{margin-bottom:18px}
.pricing-showcase-head h1{margin:0;color:#fff;font:600 clamp(34px,4.6vw,54px)/1.08 Manrope,sans-serif;letter-spacing:-.035em}
.pricing-showcase-head>p{max-width:760px;margin:18px auto 0;color:#aeb9c9;font-size:15.5px;line-height:1.65}
.pricing-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch;max-width:1140px;margin:0 auto}
.pricing-showcase-card{position:relative;min-height:560px;padding:28px 26px 26px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018)),#171d29;box-shadow:0 24px 55px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035)}
.pricing-showcase-card.is-featured{border-color:rgba(120,176,255,.35);background:radial-gradient(circle at 50% -8%,rgba(113,174,255,.80),transparent 30%),linear-gradient(180deg,#315f9f 0%,#223f6d 28%,#1a2940 70%,#171e2a 100%);box-shadow:0 28px 65px rgba(12,59,127,.26),inset 0 1px rgba(255,255,255,.11)}
.pricing-discount-badge{position:absolute;top:0;right:24px;padding:8px 12px;border-radius:0 0 11px 11px;background:linear-gradient(135deg,#ffd66b,#ff9f43);color:#261604;font:900 10px/1 Manrope,sans-serif;letter-spacing:.04em}
.pricing-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pricing-plan-name{color:#fff;font:700 16px/1.2 Manrope,sans-serif}
.pricing-duration{padding:6px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.045);color:#aebed2;font:700 9.5px/1 Manrope,sans-serif}
.pricing-showcase-card.is-featured .pricing-duration{margin-right:70px;background:rgba(255,255,255,.11);color:#e6f0ff}
.pricing-price-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end;margin:24px 0 10px}
.pricing-amount{display:flex;align-items:flex-end;gap:9px;min-width:0}
.pricing-amount strong{color:#fff;font:700 clamp(35px,4vw,48px)/.95 Manrope,sans-serif;letter-spacing:-.045em}
.pricing-amount span{padding-bottom:5px;color:#8e9bac;font-size:12px}
.pricing-amount del{padding-bottom:5px;color:#7f91a9;font-size:11px}
.pricing-mr-add{text-align:right}
.pricing-mr-add>span{display:block;margin-bottom:6px;color:#9aabc0;font:700 10px/1.2 Manrope,sans-serif}
.pricing-mr-stepper{display:grid;grid-template-columns:28px minmax(48px,auto) 28px;gap:5px;align-items:center}
.pricing-mr-stepper button,.pricing-mr-stepper output{height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:rgba(255,255,255,.055);color:#fff;font:800 11px/1 Manrope,sans-serif}
.pricing-mr-stepper button{padding:0;cursor:pointer}
.pricing-mr-stepper button:last-child{background:#3f8dff;border-color:#3f8dff;color:#07111f;font-size:16px}
.pricing-mr-stepper button:disabled{opacity:.3;cursor:not-allowed}
.pricing-mr-stepper output{padding:0 7px;color:#dbe7f5;white-space:nowrap}
.pricing-card-desc{min-height:52px;margin:0 0 17px;color:#95a2b5;font-size:12px;line-height:1.55}
.pricing-showcase-card.is-featured .pricing-card-desc{color:#c0d0e2}
.pricing-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pricing-buy,.pricing-download{min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:999px;text-decoration:none;font:800 10.5px/1 Manrope,sans-serif;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.pricing-buy{background:#f7f9fc;color:#0a1424;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.pricing-download{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.045);color:#e3ebf5}
.pricing-buy:hover,.pricing-download:hover{transform:translateY(-2px)}
.pricing-divider{height:1px;margin:19px 0 17px;background:rgba(255,255,255,.13)}
.pricing-features{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pricing-features li{position:relative;padding-left:28px;color:#d5dde8;font-size:14px;line-height:1.45}
.pricing-features li::before{content:"";position:absolute;left:1px;top:-1px;width:auto;height:auto;display:block;background:transparent;color:#3f8dff;font:900 17px/1 Manrope,sans-serif;width:16px;height:16px;background:currentColor;mask:url("/assets/pic/icons/check.svg") center/contain no-repeat;-webkit-mask:url("/assets/pic/icons/check.svg") center/contain no-repeat;}
.pricing-showcase-card.is-featured .pricing-features li::before{color:#62a9ff}
.pricing-showcase-foot{max-width:880px;margin:28px auto 0;text-align:center}
.pricing-showcase-foot p{margin:0;color:#8492a5;font-size:12px;line-height:1.65}
@media(max-width:1000px){.pricing-showcase-grid{grid-template-columns:1fr;max-width:590px}.pricing-showcase-card{min-height:0}}
@media(max-width:680px){.pricing-showcase-page{padding-top:38px}.pricing-showcase-head{margin-bottom:30px}.pricing-showcase-head h1{font-size:clamp(31px,10vw,42px)}.pricing-showcase-card{padding:24px 20px;border-radius:28px}.pricing-price-row{grid-template-columns:1fr;align-items:start}.pricing-mr-add{text-align:left}.pricing-mr-stepper{width:max-content}.pricing-showcase-card.is-featured .pricing-duration{margin-right:68px}.pricing-features li{font-size:13.5px}}


/* ===== Embedded E-Detailing app pricing ===== */
.embedded-ed-pricing{max-width:1180px;margin:72px auto 0;padding-top:58px;border-top:1px solid rgba(255,255,255,.09)}

.ed-price-head{max-width:850px;margin:0 auto 34px;text-align:center}
.ed-price-kicker{margin:0 0 12px;color:#6daeff;font:800 10px/1 Manrope,sans-serif;letter-spacing:.15em}
.ed-price-head h2{margin:0;color:#fff;font:700 clamp(30px,4vw,46px)/1.08 Manrope,sans-serif;letter-spacing:-.03em}
.ed-price-head>p:not(.ed-price-kicker){max-width:760px;margin:16px auto 0;color:#aeb9c9;font-size:14px;line-height:1.65}
.ed-price-trial{max-width:760px;margin:20px auto 0;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(80,155,255,.18);border-radius:14px;background:rgba(61,123,255,.07);text-align:left}
.ed-price-trial strong{color:#fff;font:800 12px/1.2 Manrope,sans-serif}
.ed-price-trial span{color:#9eb0c7;font-size:10.5px;line-height:1.4}
.ed-price-trial a{padding:8px 11px;border-radius:999px;background:#eef5ff;color:#0b1a31;text-decoration:none;font:800 9.5px/1 Manrope,sans-serif;white-space:nowrap}
.ed-price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.ed-price-card{position:relative;min-height:500px;padding:22px 20px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018)),#121a27;box-shadow:0 18px 42px rgba(0,0,0,.17)}
.ed-price-card.is-featured{border-color:rgba(101,165,255,.30);background:radial-gradient(circle at 50% -8%,rgba(86,157,255,.52),transparent 30%),linear-gradient(180deg,#244f8a 0%,#18345d 28%,#14243b 67%,#121a27 100%)}
.ed-price-badge{position:absolute;top:0;right:18px;padding:7px 9px;border-radius:0 0 9px 9px;background:#69a9ff;color:#061326;font:900 8.5px/1 Manrope,sans-serif}
.ed-price-top{display:flex;align-items:center;justify-content:flex-start;gap:8px;color:#fff;font:700 12px/1.2 Manrope,sans-serif}
.ed-price-line{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:18px 0 9px}
.ed-price-money-block{min-width:0}
.ed-price-money{display:flex;align-items:flex-end;gap:7px;min-width:0}
.ed-price-money strong{color:#fff;font:700 32px/.95 Manrope,sans-serif;letter-spacing:-.035em}
.ed-price-money span{padding-bottom:4px;color:#91a0b4;font-size:10px}
.ed-price-pages{display:block;margin-top:7px;color:#dbe9fb;font:800 13px/1 Manrope,sans-serif}
.ed-device-login{flex:0 0 auto;min-width:78px;text-align:center;padding:0 0 1px}
.ed-device-login strong{display:block;color:#84b7ff;font:800 24px/.95 Manrope,sans-serif}
.ed-device-login span{display:block;margin-top:5px;color:#a9bdd5;font:800 10px/1 Manrope,sans-serif;white-space:nowrap}
.ed-price-devices{color:#84b7ff;font:700 10px/1.4 Manrope,sans-serif}
.ed-price-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px}
.ed-price-buy,.ed-price-download{min-height:39px;display:flex;align-items:center;justify-content:center;border-radius:999px;text-decoration:none;font:800 9.5px/1 Manrope,sans-serif}
.ed-price-buy{background:#f7f9fc;color:#0b1727}
.ed-price-download{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);color:#e1e9f3}
.ed-price-card ul{list-style:none;display:grid;gap:10px;margin:18px 0 0;padding:17px 0 0;border-top:1px solid rgba(255,255,255,.10)}
.ed-price-card li{position:relative;padding-left:23px;color:#ced8e5;font-size:11.5px;line-height:1.42}
.ed-price-card li::before{content:"";position:absolute;left:1px;top:-1px;width:auto;height:auto;display:block;background:transparent;color:#438fff;font:900 16px/1 Manrope,sans-serif;width:16px;height:16px;background:currentColor;mask:url("/assets/pic/icons/check.svg") center/contain no-repeat;-webkit-mask:url("/assets/pic/icons/check.svg") center/contain no-repeat;}
.ed-price-card li strong{color:#fff}
.ed-price-more{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:24px}
@media(max-width:1080px){.ed-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.ed-price-grid{grid-template-columns:1fr}.ed-price-card{min-height:0}.ed-price-trial{grid-template-columns:1fr;text-align:center}.ed-price-trial a{justify-self:center}.ed-price-card.is-featured .ed-price-top small{margin-right:72px}}

/* Pricing v2: four cards (Starter, Growth, Pro, Custom). */
.pricing-showcase-grid.has-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1280px}
.pricing-showcase-grid.has-four .pricing-showcase-card{padding:26px 20px 22px}
@media(max-width:1180px){.pricing-showcase-grid.has-four{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}}
@media(max-width:680px){.pricing-showcase-grid.has-four{grid-template-columns:1fr;max-width:590px}}
.pricing-custom-card .pricing-amount strong{font-size:clamp(30px,3.4vw,40px)}

.checkout-edit .form-field[hidden],#checkout-months-field[hidden],#checkout-mr-field[hidden],#checkout-plan-field[hidden]{display:none!important}