/* Mirolub TV — scoped premium design for five commercial pages.
   All the generic page breadcrumbs, markup and business logic remain intact. */
.mirolub-commerce-page{background:#fff;color:#11233b}
.mirolub-commerce-page .mirolub-page__crumb-shell{padding-top:18px;padding-bottom:14px}
.mirolub-commerce-page .mirolub-breadcrumbs{color:#607089;font-size:.85rem}
.mirolub-commerce-page .mirolub-breadcrumbs a:hover{color:#087cb0}
.mirolub-commerce-page .mirolub-commerce-hero{width:min(calc(100% - 32px),var(--ml-shell));max-width:var(--ml-shell);aspect-ratio:unset;min-height:440px;max-height:none;align-items:center;border-radius:22px;background:#102840}
.mirolub-commerce-page .mirolub-commerce-hero .mirolub-visual-hero__image{object-position:center 50%}
.mirolub-commerce-page .mirolub-commerce-hero .mirolub-visual-hero__shade{background:linear-gradient(90deg,rgba(4,22,46,.94),rgba(4,22,46,.70) 48%,rgba(4,22,46,.06) 90%),linear-gradient(0deg,rgba(4,22,46,.52),transparent 42%)}
.mirolub-commerce-page .mirolub-commerce-hero .mirolub-visual-hero__content{padding:clamp(2.25rem,4.3vw,4rem);max-width:960px}
.mirolub-commerce-page .mirolub-commerce-hero .mirolub-eyebrow{letter-spacing:.2em;font-size:.73rem;color:#c9dce7;font-weight:760;margin-bottom:1rem}
.mirolub-commerce-page .mirolub-commerce-hero h1{max-width:740px;font-size:clamp(2.35rem,4.15vw,4.35rem);line-height:1.035;letter-spacing:-.041em;text-wrap:balance;color:#fff}
.mirolub-commerce-page .mirolub-commerce-hero .mirolub-visual-hero__intro{max-width:610px;font-size:clamp(1.03rem,1.65vw,1.17rem);line-height:1.55;margin-top:1.25rem;color:#e8f1fa}
.mirolub-commerce-page .mirolub-commerce-hero__highlights{display:flex;flex-wrap:wrap;gap:12px 18px;max-width:940px;margin:2rem 0 0!important;padding:0!important;list-style:none!important}
.mirolub-commerce-page .mirolub-commerce-hero__highlights li{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;line-height:1.35;font-weight:670;color:#fff;margin:0!important;padding:0!important}
.mirolub-commerce-page .mirolub-commerce-hero__highlights li span{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:11px;border:1px solid rgba(255,255,255,.35);background:rgba(9,29,56,.35);font-size:1.2rem}
.mirolub-commerce-page .mirolub-commerce-text-hero{width:min(calc(100% - 32px),var(--ml-shell));padding:clamp(2.2rem,5vw,4rem);border:0;border-radius:20px;background:#0c2f53;color:#fff}
.mirolub-commerce-page .mirolub-commerce-text-hero h1,.mirolub-commerce-page .mirolub-commerce-text-hero p{color:#fff}
.mirolub-commerce-page .mirolub-page__content-shell{padding-top:clamp(2.25rem,4.2vw,3.65rem)}
.mirolub-commerce-page .mirolub-commerce-content{width:100%;max-width:var(--ml-shell);font-size:1rem;line-height:1.62}
.mirolub-commerce-page .mirolub-commerce-content>.mlpay{max-width:var(--ml-shell);width:100%}
.mirolub-commerce-page .mirolub-commerce-content .mlpay *{box-sizing:border-box}
.mirolub-commerce-page .mirolub-commerce-content .mlpay h2{color:#10253d;line-height:1.12;letter-spacing:-.035em;font-size:clamp(1.75rem,2.9vw,2.55rem);font-weight:820;margin:0 0 1.1rem}
.mirolub-commerce-page .mirolub-commerce-content .mlpay h3{color:#132944;line-height:1.18;font-size:1.16rem;font-weight:800;letter-spacing:-.018em;margin:0 0 .55rem}
.mirolub-commerce-page .mirolub-commerce-content .mlpay p{font-size:1rem;color:#354458;line-height:1.63;margin:0 0 .95rem}
.mirolub-commerce-page .mirolub-commerce-content .mlpay a:not(.wp-block-button__link){color:#0b75bf;text-decoration-color:rgba(11,117,191,.4)}
.mirolub-commerce-page .mirolub-commerce-content .mlpay a:focus-visible,.mirolub-commerce-page .mirolub-commerce-content .mlpay summary:focus-visible{outline:3px solid #ffbf47;outline-offset:4px}
.mlpay-section{margin-bottom:clamp(2.25rem,4.5vw,4rem)}
.mlpay-overview{display:grid;grid-template-columns:minmax(0,1.47fr) minmax(260px,.86fr);gap:clamp(1.25rem,3vw,3.4rem);align-items:stretch}
.mlpay-overview__copy{padding-top:.35rem}
.mlpay-overview__copy>p{max-width:680px}
.mlpay-note{display:flex;align-items:start;gap:13px;margin:1.35rem 0 1.45rem;padding:1.25rem;border:1px solid #d7e9ff;background:#edf6ff;border-radius:16px;font-weight:560;color:#1a4265;line-height:1.52}
.mlpay-note__symbol{flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:#d0e6ff;color:#1167b1;display:grid;place-items:center;font-size:1.35rem}
.mirolub-commerce-page .mirolub-commerce-content .mlpay .mlpay-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.84rem 1.25rem;border-radius:12px;background:#2d933b;color:#fff!important;text-decoration:none!important;font-weight:790;line-height:1.3;box-shadow:0 6px 18px rgba(25,107,42,.12)}
.mirolub-commerce-page .mirolub-commerce-content .mlpay .mlpay-btn:hover{background:#206d30}
.mirolub-commerce-page .mirolub-commerce-content .mlpay .mlpay-btn--blue{background:#176cc7;box-shadow:0 6px 18px rgba(23,108,199,.16)}
.mirolub-commerce-page .mirolub-commerce-content .mlpay .mlpay-btn--blue:hover{background:#1155a0}
.mlpay-feature{position:relative;display:flex;flex-direction:column;justify-content:end;min-height:320px;overflow:hidden;border-radius:20px;background:linear-gradient(180deg,transparent,rgba(5,25,46,.85)),url('../images/payment/travel-map-scene.webp') center 51%/cover no-repeat;padding:24px;box-shadow:0 16px 35px rgba(9,27,45,.10)}
.mirolub-commerce-page .mirolub-commerce-content .mlpay .mlpay-feature strong{font-weight:830;font-size:clamp(1.33rem,2vw,1.7rem);color:#fff;line-height:1.25;max-width:240px;letter-spacing:-.026em}
.mirolub-commerce-page .mirolub-commerce-content .mlpay .mlpay-feature small{font-size:.75rem;color:#d9e8f6;letter-spacing:.1em;margin-top:.7rem;font-weight:700}
.mlpay-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mlpay-step{border:1px solid #e5ebf2;background:linear-gradient(#fff,#f8fafc);padding:1.3rem 1.15rem 1.15rem;border-radius:16px;box-shadow:0 8px 27px rgba(11,38,64,.035);min-width:0}
.mlpay-step__visual{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1.1rem}
.mlpay-step__num{width:43px;height:43px;display:grid;place-items:center;border-radius:100%;background:#cde5ff;color:#095ca8;font-size:1.25rem;font-weight:850}
.mlpay-step__symbol{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#edf4fc;color:#1b69b8;font-size:1.5rem}
.mirolub-commerce-page .mirolub-commerce-content .mlpay .mlpay-step p{font-size:.91rem;line-height:1.48;margin:0 0 .8rem}
.mirolub-commerce-page .mirolub-commerce-content .mlpay .mlpay-step a{font-weight:710;font-size:.9rem}
.mlpay-info-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mlpay-info{display:flex;gap:18px;align-items:flex-start;border-radius:16px;padding:1.35rem 1.45rem}
.mlpay-info--green{background:#eaf7ec;border:1px solid #d4ebd7}
.mlpay-info--blue{background:#eaf4ff;border:1px solid #d8eaff}
.mlpay-info__symbol{flex:0 0 46px;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;background:rgba(255,255,255,.74);color:#236f36}
.mlpay-info--blue .mlpay-info__symbol{color:#1769b5}
.mirolub-commerce-page .mirolub-commerce-content .mlpay .mlpay-info h3{font-size:1.11rem;margin:.12rem 0 .35rem}
.mirolub-commerce-page .mirolub-commerce-content .mlpay .mlpay-info p{font-size:.92rem;margin:0}
.mlpay-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.mlpay-detail{border:1px solid #e7edf2;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(24,48,70,.04)}
.mlpay-detail__visual{height:155px;padding:20px 23px;display:flex;align-items:end;position:relative;overflow:hidden}
.mlpay-detail__visual:after{position:absolute;content:'';right:-45px;top:-58px;width:210px;height:210px;border:2px solid rgba(255,255,255,.20);border-radius:50%;box-shadow:0 0 0 36px rgba(255,255,255,.05),0 0 0 75px rgba(255,255,255,.045)}
.mlpay-detail__visual--pay{background:linear-gradient(115deg,#071f39,#18577b)}
.mlpay-detail__visual--access{background:linear-gradient(115deg,#0c3147,#138272)}
.mlpay-detail__visual--receipt{background:linear-gradient(115deg,#372c61,#7876b6)}
.mirolub-commerce-page .mirolub-commerce-content .mlpay .mlpay-detail__visual span{font-weight:850;font-size:3.5rem;line-height:1;color:rgba(255,255,255,.9);letter-spacing:-.05em}
.mlpay-detail__body{padding:1.25rem 1.3rem 1.45rem}
.mirolub-commerce-page .mirolub-commerce-content .mlpay .mlpay-detail p{font-size:.92rem;line-height:1.55}
.mirolub-commerce-page .mirolub-commerce-content .mlpay .mlpay-detail a{font-size:.92rem;font-weight:730}
.mlpay-help{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:18px;align-items:center;border:1px solid #e7ebef;background:#f7f9fb;border-radius:18px;padding:1.6rem}
.mlpay-help__icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:#fff0e8;color:#cf4a2b;font-size:2rem}
.mirolub-commerce-page .mirolub-commerce-content .mlpay .mlpay-help p{font-size:.92rem;margin:0;max-width:650px}
.mlpay-faq{display:grid;grid-template-columns:1fr 1fr;gap:11px 14px}
.mlpay-faq details{border:1px solid #dfe5ed;border-radius:12px;background:#f9fafb;padding:0;overflow:hidden}
.mlpay-faq summary{cursor:pointer;padding:1rem 2.5rem 1rem 1rem;color:#203650;font-weight:740;font-size:.92rem;line-height:1.4;list-style:none;position:relative}
.mlpay-faq summary::-webkit-details-marker{display:none}
.mlpay-faq summary:after{content:'+';position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.25rem;color:#5d708a}
.mlpay-faq details[open] summary:after{content:'−'}
.mirolub-commerce-page .mirolub-commerce-content .mlpay .mlpay-faq details p{margin:0;padding:0 1rem 1.2rem;font-size:.93rem}
.mlpay-related{padding:clamp(1.25rem,2.5vw,2rem);background:#f3f7fb;border-radius:19px}
.mlpay-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.mlpay-related-link{display:flex;gap:11px;align-items:center;min-width:0;background:#fff;border:1px solid #e5eaf0;border-radius:13px;padding:1rem;text-decoration:none!important;color:#163a62!important;box-shadow:0 5px 15px rgba(12,38,62,.028)}
.mlpay-related-link span:first-child{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;border-radius:11px;background:#e5f1ff;color:#1769b5;font-weight:750;font-size:1.25rem}
.mlpay-related-link span:last-child{font-size:.9rem;font-weight:780;line-height:1.33;overflow-wrap:anywhere}
.mlpay-contact{border-radius:19px;background:linear-gradient(110deg,rgba(5,24,48,.88),rgba(18,69,102,.86)),url('../images/payment/travel-map-scene.webp') center 48%/cover;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:clamp(1.5rem,4vw,2.6rem)}
.mirolub-commerce-page .mirolub-commerce-content .mlpay .mlpay-contact h2{font-size:clamp(1.5rem,2.3vw,2rem);margin:0 0 .45rem;color:#fff}
.mirolub-commerce-page .mirolub-commerce-content .mlpay .mlpay-contact p{margin:0;color:#e4f1fb;max-width:660px;font-size:.94rem}
.mirolub-commerce-page .mirolub-commerce-content .mlpay .mlpay-contact .mlpay-btn{flex:0 0 auto}
@media(max-width:1000px){.mlpay-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.mlpay-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.mirolub-commerce-page .mirolub-commerce-hero{width:calc(100% - 24px);min-height:520px;align-items:flex-end;border-radius:18px}.mirolub-commerce-page .mirolub-commerce-hero .mirolub-visual-hero__shade{background:linear-gradient(0deg,rgba(3,17,38,.94) 0%,rgba(3,17,38,.80) 38%,rgba(3,17,38,.24) 95%)}.mirolub-commerce-page .mirolub-commerce-hero .mirolub-visual-hero__content{padding:1.55rem}.mirolub-commerce-page .mirolub-commerce-hero h1{font-size:clamp(2rem,7vw,3.2rem)}.mirolub-commerce-page .mirolub-commerce-hero__highlights{margin-top:1.5rem!important;gap:12px}.mirolub-commerce-page .mirolub-commerce-hero__highlights li{flex:0 0 calc(50% - 7px);font-size:.78rem}.mirolub-commerce-page .mirolub-commerce-hero__highlights li span{width:30px;height:30px;flex-basis:30px;font-size:1rem}.mlpay-overview,.mlpay-info-pair,.mlpay-detail-grid{grid-template-columns:1fr}.mlpay-feature{min-height:240px}.mlpay-help{grid-template-columns:48px minmax(0,1fr)}.mlpay-help .mlpay-btn{grid-column:1/-1;justify-self:start}.mlpay-contact{flex-direction:column;align-items:flex-start}.mlpay-faq{grid-template-columns:1fr}}
@media(max-width:480px){.mirolub-commerce-page .mirolub-commerce-hero{min-height:560px}.mirolub-commerce-page .mirolub-commerce-hero h1{font-size:clamp(1.72rem,7.2vw,2.38rem)}.mirolub-commerce-page .mirolub-commerce-hero__highlights li{font-size:.7rem;gap:5px}.mlpay-steps{grid-template-columns:1fr}.mlpay-related-grid{grid-template-columns:1fr}.mlpay-help{padding:1.2rem}.mlpay-detail__visual{height:120px}.mirolub-commerce-page .mirolub-commerce-content .mlpay h2{font-size:1.7rem}}
@media(prefers-reduced-motion:no-preference){.mirolub-commerce-page .mirolub-commerce-content .mlpay .mlpay-btn,.mlpay-related-link{transition:background .18s ease,transform .18s ease}.mirolub-commerce-page .mirolub-commerce-content .mlpay .mlpay-btn:hover,.mlpay-related-link:hover{transform:translateY(-2px)}}

/* Shared premium editorial primitives for four informational and pricing pages. */
.mirolub-commerce-page .mirolub-commerce-content > .mlpay { max-width:var(--ml-shell); }
.mlc-panel{border-radius:20px;border:1px solid #e1eaf2;background:#fff;padding:clamp(1.25rem,3vw,2.1rem);box-shadow:0 14px 34px rgba(10,39,75,.055)}
.mlc-panel--tinted{background:linear-gradient(135deg,#eef7fe 0%,#f8fcff 100%);border-color:#d6e7f7}
.mlc-panel--dark{color:#fff;background:linear-gradient(125deg,#092b49,#174a6d);border-color:#1e5774}
.mirolub-commerce-page .mlpay .mlc-panel--dark h2,.mirolub-commerce-page .mlpay .mlc-panel--dark h3,.mirolub-commerce-page .mlpay .mlc-panel--dark p{color:#fff}
.mlc-lede{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.85fr);gap:clamp(1.2rem,3vw,2.8rem);align-items:center}
.mlc-lede__art{border-radius:18px;min-height:255px;background:linear-gradient(125deg,rgba(7,35,59,.08),rgba(7,35,59,.72)),url('../images/payment/travel-map-scene.webp') center/cover;overflow:hidden}
.mlc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mlc-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.mlc-card{padding:1.5rem 1.4rem;border-radius:18px;background:#fff;border:1px solid #dfe9f1;box-shadow:0 10px 28px rgba(17,43,69,.04)}
.mlc-card__icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#e6f2ff;color:#1769b5;font-size:1.4rem;font-weight:850;margin-bottom:1rem}
.mlc-card--sage{background:#eff8f1;border-color:#d3e9d8}
.mlc-card--cream{background:#fff8ec;border-color:#fae3bb}
.mlc-step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:17px;align-items:start;padding:1.25rem 0;border-top:1px solid #e5ebf1}
.mlc-step__num{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#d7ebff;color:#1265b2;font-weight:850;font-size:1.2rem}
.mirolub-commerce-page .mlpay .mlc-step h3{margin:.1rem 0 .3rem}
.mirolub-commerce-page .mlpay .mlc-step p{margin:0}
.mlc-list{margin:0;padding-left:1.4rem;color:#354458;line-height:1.7}
.mlc-list li{padding:.3rem .2rem}
.mlc-proof{padding:1rem 1.35rem;background:#edf6ff;border-left:5px solid #1677c8;border-radius:0 12px 12px 0}
.mlc-jump{display:flex;flex-wrap:wrap;gap:10px;margin:1rem 0}
.mlc-jump a{display:inline-block;padding:.55rem .8rem;background:#edf5ff;color:#175b9a!important;text-decoration:none!important;border-radius:10px;font-size:.87rem;font-weight:750}
.mlc-doc-section{padding:1.5rem 0;border-bottom:1px solid #e1eaf2;scroll-margin-top:20px}
.mlc-doc-section h2{margin-bottom:.85rem!important}
.mlc-doc-section p{max-width:920px}
.mlc-key-values{width:100%;border-collapse:collapse}
.mlc-key-values tr+tr{border-top:1px solid #e4eaf1}
.mlc-key-values th,.mlc-key-values td{padding:1rem .5rem;text-align:left;vertical-align:top;font-size:.97rem}
.mlc-key-values th{width:32%;color:#50657a;font-weight:700}
.mlc-price-stage{padding:clamp(1.3rem,3vw,2rem);background:linear-gradient(140deg,#edf6ff,#f8fbff);border:1px solid #d6e7f7;border-radius:20px}
.mirolub-commerce-page .mlpay .mirolub-access-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:1rem 0 0}
.mirolub-commerce-page .mlpay .mirolub-access-price{padding:1.5rem;border:1px solid #d8e4ee;border-radius:18px;background:#fff;box-shadow:0 14px 32px rgba(12,44,76,.07)}
.mirolub-commerce-page .mlpay .mirolub-access-price h3{font-size:1.24rem;margin:.1rem 0 1rem}
.mirolub-commerce-page .mlpay .mirolub-access-price p{font-size:.94rem}
.mirolub-commerce-page .mlpay .mirolub-access-price strong{font-size:clamp(1.35rem,2vw,1.8rem);font-weight:850;color:#113c64}
@media(max-width:980px){.mlc-grid,.mirolub-commerce-page .mlpay .mirolub-access-prices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.mlc-lede,.mlc-grid,.mlc-grid--two,.mirolub-commerce-page .mlpay .mirolub-access-prices{grid-template-columns:1fr}.mlc-lede__art{min-height:220px}}
@media(max-width:480px){.mlc-key-values th,.mlc-key-values td{display:block;width:100%;padding:.65rem .3rem}.mlc-key-values td{padding-top:0}.mlc-step{gap:11px}}