/* Modern price cards only; service cards and site navigation stay unchanged. */
:root body #arak .price-grid{width:100%;max-width:1100px;gap:44px;align-items:stretch}
:root body #arak .price-card.price-card-modern,:root.card-touch-mode body #arak .price-card.price-card-modern{background:#fff!important;border:1px solid #e1e5e8!important;border-radius:12px;box-shadow:0 8px 26px rgba(31,52,64,.07);padding:40px 30px;min-height:0;text-align:left;color:var(--ink)!important;transition:box-shadow .2s,transform .2s}
@media(hover:hover){:root body #arak .price-card.price-card-modern:hover{background:#fff!important;border-color:#d1e1e9!important;box-shadow:0 12px 32px rgba(31,52,64,.11);transform:translateY(-2px)}}
.modern-price-heading{display:flex;align-items:center;gap:18px;min-height:86px;margin-bottom:30px}
:root body #arak .price-card-modern .price-icon,:root.card-touch-mode body #arak .price-card-modern .price-icon{flex:0 0 62px;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#eaf6fc;color:#2098d1!important;margin:0}
:root body #arak .price-card-modern .price-icon svg{width:36px;height:36px;stroke-width:2.5}
:root body #arak .price-card-modern .modern-price-title{font:700 23px/1.25 var(--serif);margin:0 0 11px;letter-spacing:-.5px;color:var(--ink)!important}
:root body #arak .price-card-modern .modern-price-subtitle{font:400 14px/1.4 var(--sans);color:#777!important;margin:0}
:root body #arak .price-card-modern .price-lines,:root.card-touch-mode body #arak .price-card-modern .price-lines{width:100%;font:400 16px var(--sans);color:var(--ink)!important}
:root body #arak .price-card-modern .price-lines p{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:21px 0;border-top:1px solid #e8ecef;color:var(--ink)!important}
:root body #arak .price-card-modern .price-lines span{min-width:0;text-align:left;white-space:nowrap}
:root body #arak .price-card-modern .price-lines strong,:root.card-touch-mode body #arak .price-card-modern .price-lines strong{font:700 22px/1.3 var(--sans);color:var(--ink)!important;white-space:nowrap}
:root body #arak .price-card-modern .modern-price-included{display:flex;align-items:center;gap:10px;border-top:1px solid #e8ecef;margin:0 0 10px;padding:24px 0;color:#666!important;font:400 14px/1.4 var(--sans)}
.modern-price-included span{display:inline-grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:#f0f7dd;color:#7f9b12;font-weight:700}
:root body #arak .price-card.price-card-modern .price-order,:root.card-touch-mode body #arak .price-card.price-card-modern .price-order{display:flex;justify-content:center;align-items:center;width:100%;margin-top:auto;border:0;border-radius:4px;background:var(--green)!important;color:var(--ink)!important;padding:14px 18px;box-sizing:border-box;font-size:14px!important}

/* Illustration stays behind the existing full-width text. */
:root body #arak .price-details::after{right:-2%;width:52%;background-image:url('/assets/energetikai-tanusitvany-illusztracio.webp');background-position:center right;background-size:contain;opacity:.14}
@media(max-width:1000px){.modern-price-heading{gap:12px}:root body #arak .price-card-modern .modern-price-title{font-size:20px}}
@media(max-width:800px){:root body #arak .price-grid{max-width:560px;grid-template-columns:minmax(0,1fr);gap:20px}:root body #arak .price-details::after{right:-8%;width:78%;opacity:.07}}
@media(max-width:420px){:root body #arak .price-card.price-card-modern{padding:30px 20px}.modern-price-heading{min-height:76px}:root body #arak .price-card-modern .price-icon{flex-basis:52px;width:52px;height:52px}:root body #arak .price-card-modern .modern-price-title{font-size:20px}:root body #arak .price-card-modern .price-lines strong{font-size:20px}:root body #arak .price-card-modern .price-lines{font-size:15px}}

/* Equal breathing room above and below the price-card group. */
:root body #arak{--price-group-gap:90px}
:root body #arak .section-heading{margin-bottom:var(--price-group-gap)}
:root body #arak .price-details{margin-top:var(--price-group-gap)}
@media(max-width:800px){:root body #arak{--price-group-gap:64px}}

/* Match the price-card lift and shadow while retaining service-card colours. */
.service-grid .service-card{transition:background .2s,color .2s,box-shadow .2s,transform .2s}
@media(hover:hover) and (pointer:fine){
  html:not(.card-touch-mode) .service-grid .service-card:hover,
  html:not(.card-touch-mode) .service-grid .service-card:focus-within{box-shadow:0 12px 32px rgba(31,52,64,.11);transform:translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){
  .service-grid .service-card{transition:none}
  html:not(.card-touch-mode) .service-grid .service-card:hover,
  html:not(.card-touch-mode) .service-grid .service-card:focus-within,
  :root body #arak .price-card.price-card-modern:hover{transform:none}
}

/* Compact buttons follow the existing site's nearly square button style. */
:root body #arak .price-card.price-card-modern .price-order,
:root.card-touch-mode body #arak .price-card.price-card-modern .price-order{display:inline-flex;width:auto;align-self:center;min-width:170px;border-radius:0;padding:14px 22px;margin-top:auto}

/* Keep both included-service captions directly above their aligned buttons. */
:root body #arak .price-card.price-card-modern{display:flex;flex-direction:column}
:root body #arak .price-card-modern .modern-price-included{margin-top:auto;align-self:center;justify-content:center}
:root body #arak .price-card.price-card-modern .price-order,:root.card-touch-mode body #arak .price-card.price-card-modern .price-order{margin-top:0}

/* Price details: inline trigger and accessible information dialog. */
:root body #arak .price-details .price-locations{font-size:24px;font-weight:700}
:root body #arak .price-content-link{display:inline;background:none;border:0;padding:0;margin:0;font:inherit;font-size:inherit!important;font-weight:700;color:var(--blue,#2098d1);text-decoration: none;cursor:pointer;white-space:nowrap}
#price-content-dialog{width:max-content;max-width:calc(100% - 32px);max-height:calc(100dvh - 48px);overflow:auto;box-sizing:border-box;padding:50px 40px;border:0;border-radius:12px;color:var(--ink,#555);background:#fff;box-shadow:0 18px 60px rgba(0,0,0,.2);font:400 16px/1.6 var(--sans,Arial,sans-serif)}
#price-content-dialog::backdrop{background:rgba(25,35,42,.6)}
#price-content-dialog h2{color:#2098d1;font:700 28px/1.25 var(--serif,Arial,sans-serif);margin:0 30px 24px 0}
#price-content-dialog h3{font:700 22px/1.35 var(--serif,Arial,sans-serif);border-top:1px solid #e1e5e8;padding-top:24px;margin:26px 0 18px}
#price-content-dialog ul{list-style:none;padding:0;margin:0}
#price-content-dialog li{position:relative;padding-left:28px;margin:12px 0}
#price-content-dialog li::before{position:absolute;left:0;top:0;content:'✓';color:#2098d1;font-weight:700}
#price-content-dialog .price-content-exceptions li::before{content:'–';color:#666}
#price-content-dialog .price-content-close{position:absolute;top:10px;right:12px;width:44px;height:44px;border:0;background:transparent;color:#555;font:30px/1 Arial,sans-serif;cursor:pointer}
@media(max-width:500px){#price-content-dialog{padding:32px 22px}#price-content-dialog h2{font-size:24px}#price-content-dialog h3{font-size:20px}}