/* MenkulEX Web 0.2.3 — stacked web rails + grouped tablet/mobile slider */
.mxp-slot,.mxp-slot *{box-sizing:border-box}
.mxp-slot{min-width:0;background:linear-gradient(165deg,#074158,#032e40);color:#fff;border:1px solid #34788c;border-radius:15px;padding:10px;box-shadow:0 12px 30px rgba(0,30,45,.16)}
.mxp-slot[hidden],.mxp-slide[hidden]{display:none!important}
.mxp-slot-heading{display:flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.07em;text-transform:uppercase;font-weight:500;color:#fff;margin:2px 2px 10px}
.mxp-spark{color:#ffd84a;font-size:17px}
.mxp-stage{display:grid;grid-template-columns:1fr;gap:10px;min-width:0}
.mxp-slide{border-radius:12px;overflow:hidden;background:#0b5065;border:1px solid rgba(149,201,219,.25);animation:mxp-reveal .32s ease both;min-width:0}
.mxp-slide.mxp-visible{display:block}
@keyframes mxp-reveal{from{opacity:.4}to{opacity:1}}
.mxp-card-shell{display:flex;flex-direction:column}
.mxp-media-carousel{position:relative}
.mxp-media{width:100%;aspect-ratio:1/1;position:relative;background:#052e40;overflow:hidden}
.mxp-media-item{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .22s ease}
.mxp-media-item.mxp-media-active{opacity:1;pointer-events:auto;position:absolute;inset:0}
.mxp-media img,.mxp-media video,.mxp-media iframe{width:100%;height:100%;display:block;object-fit:cover;border:0;background:#052e40}
.mxp-media video{object-fit:contain}
.mxp-body{padding:11px 12px 12px;min-width:0}
.mxp-body h3{font-size:15px;line-height:1.32;font-weight:500;color:#fff;margin:0 0 6px;overflow-wrap:anywhere}
.mxp-body p{font-size:12px;line-height:1.45;color:#e4f2f6;font-weight:300;margin:0 0 10px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.mxp-cta{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:36px;padding:7px 10px;border-radius:9px;background:#f94301;color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:400;line-height:1.2;max-width:100%;overflow-wrap:anywhere;transition:filter .15s ease}
.mxp-cta:hover{filter:brightness(1.12)}
.mxp-slot a:focus-visible,.mxp-slot button:focus-visible{outline:2px solid #ffd84a;outline-offset:3px}
.mxp-controls,.mxp-media-controls{margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px}
.mxp-media-controls{position:absolute;left:8px;right:8px;bottom:8px;justify-content:space-between;pointer-events:none}
.mxp-media-controls>*{pointer-events:auto}
.mxp-controls button,.mxp-media-btn{min-width:34px;height:34px;border:1px solid #568497;border-radius:9px;background:rgba(13,83,104,.92);color:white;font-size:21px;line-height:1;cursor:pointer;font-weight:400}
.mxp-controls button:hover,.mxp-media-btn:hover{border-color:#ffd84a;color:#ffd84a}
.mxp-progress,.mxp-media-progress{font-size:11px;color:#e9f1f4;font-weight:400;min-width:56px;text-align:center;background:rgba(3,39,53,.55);padding:6px 8px;border-radius:999px}
.mxp-controls.mxp-single,.mxp-media-controls.mxp-single{display:none}
.mxp-card-art-only .mxp-body{display:none}
.mxp-card-art-only .mxp-image-link{display:block;width:100%;height:100%}
.mxp-card-art-only .mxp-media{aspect-ratio:1/1}
.mxp-card-art-only .mxp-media img{object-fit:contain}

@media(min-width:1480px) and (hover:hover) and (pointer:fine){
 body.mxp-side-layout{display:grid;grid-template-columns:minmax(235px,1fr) minmax(0,960px) minmax(235px,1fr);column-gap:16px;align-items:start}
 body.mxp-side-layout>#root{grid-column:2;grid-row:1;min-width:0;width:100%}
 body.mxp-side-layout .mxp-slot[data-side=left]{grid-column:1;grid-row:1;justify-self:start}
 body.mxp-side-layout .mxp-slot[data-side=right]{grid-column:3;grid-row:1;justify-self:end}
 body.mxp-side-layout .mxp-slot{position:sticky;top:18px;margin-top:18px;width:min(270px,calc(100% - 4px));max-height:calc(100vh - 32px);overflow:auto}
 body.mxp-side-layout .mxp-stage{display:flex;flex-direction:column;gap:10px}
 body.mxp-side-layout .mxp-slide{display:block}
 body.mxp-side-layout .mxp-controls{display:none!important}
 body.mxp-side-layout .mx-web-home-page,body.mxp-side-layout .mx-web-tool-page{max-width:100%!important}
 body.mxp-side-layout .mx-web-home-page .mx-web-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 body.mxp-side-layout .mx-bottom-nav{width:min(860px,calc(100vw - 34px))}
 body.mxp-side-layout .mxp-body h3{font-size:14px}
 body.mxp-side-layout .mxp-body p{font-size:11px;-webkit-line-clamp:3}
}

body.mxp-bottom-layout{display:flex;flex-direction:column;gap:12px}
body.mxp-bottom-layout>#root{order:1;min-width:0;width:100%}
body.mxp-bottom-layout>.mxp-slot{order:2;width:min(1180px,calc(100% - 28px));margin:0 auto 0}
body.mxp-bottom-layout>.mxp-slot:last-of-type{margin-bottom:90px}
body.mxp-bottom-layout>.mxp-slot .mxp-stage{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
body.mxp-bottom-layout>.mxp-slot .mxp-slide{height:100%;display:block}
body.mxp-bottom-layout>.mxp-slot .mxp-media{aspect-ratio:1/1}
body.mxp-bottom-layout .mx-web-home-page,body.mxp-bottom-layout .mx-web-tool-page{max-width:min(1100px,calc(100% - 28px))}
@media(max-width:639px){
 body.mxp-bottom-layout>.mxp-slot .mxp-stage{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.mxp-bottom-layout>.mxp-slot{width:calc(100% - 18px)}
 body.mxp-bottom-layout>.mxp-slot:last-of-type{margin-bottom:96px}
 body.mxp-bottom-layout .mx-web-home-page,body.mxp-bottom-layout .mx-web-tool-page{max-width:calc(100% - 14px)}
 .mxp-body h3{font-size:14px}
 .mxp-body p{font-size:11px}
}
@media(min-width:640px) and (max-width:1199px){
 body.mxp-bottom-layout>.mxp-slot{width:min(980px,calc(100% - 24px))}
}
@media(prefers-reduced-motion:reduce){.mxp-slide,.mxp-media-item{animation:none;transition:none}.mxp-cta{transition:none}}