/* ==========================================================
   MISHI CLEAN FINAL UX
   ========================================================== */

.solution-cta{
padding:48px 24px;
background:#eef6fb;
}

.solution-cta-inner{
max-width:900px;
margin:0 auto;
background:#fff;
border:1px solid #dce8f0;
border-radius:18px;
padding:30px;
box-shadow:0 12px 32px rgba(6,42,69,.06);
}

.solution-eyebrow{
font-size:12px;
font-weight:900;
letter-spacing:1.4px;
color:#0874c9;
margin-bottom:8px;
}

.solution-cta h2{
margin:0 0 10px;
color:#082a45;
font-size:28px;
}

.solution-cta p{
color:#637486;
margin-bottom:20px;
}

.solution-buttons{
display:flex;
gap:12px;
flex-wrap:wrap;
}


/* Lightbox */

.mishi-lightbox{
position:fixed;
inset:0;
z-index:99999;
background:rgba(0,0,0,.90);
display:none;
align-items:center;
justify-content:center;
overflow:hidden;
user-select:none;
}

.mishi-lightbox.open{
display:flex;
}

.mishi-lightbox-stage{
position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
cursor:grab;
}

.mishi-lightbox-stage.dragging{
cursor:grabbing;
}

.mishi-lightbox-image{
max-width:90vw;
max-height:86vh;
object-fit:contain;
transform-origin:center center;
will-change:transform;
box-shadow:0 12px 60px rgba(0,0,0,.55);
border-radius:4px;
}

.mishi-lightbox-close,
.mishi-lightbox-prev,
.mishi-lightbox-next,
.mishi-lightbox-reset{
position:absolute;
z-index:100001;
border:0;
background:rgba(255,255,255,.15);
color:#fff;
cursor:pointer;
backdrop-filter:blur(8px);
transition:.2s ease;
}

.mishi-lightbox-close:hover,
.mishi-lightbox-prev:hover,
.mishi-lightbox-next:hover,
.mishi-lightbox-reset:hover{
background:rgba(255,255,255,.28);
}

.mishi-lightbox-close{
right:24px;
top:20px;
width:48px;
height:48px;
border-radius:50%;
font-size:31px;
line-height:1;
}

.mishi-lightbox-reset{
right:84px;
top:20px;
height:48px;
padding:0 15px;
border-radius:24px;
font-size:14px;
font-weight:700;
}

.mishi-lightbox-prev,
.mishi-lightbox-next{
top:50%;
transform:translateY(-50%);
width:52px;
height:70px;
border-radius:12px;
font-size:38px;
}

.mishi-lightbox-prev{
left:22px;
}

.mishi-lightbox-next{
right:22px;
}

.mishi-lightbox-counter{
position:absolute;
bottom:22px;
left:50%;
transform:translateX(-50%);
z-index:100001;
color:#fff;
background:rgba(0,0,0,.35);
padding:7px 13px;
border-radius:999px;
font-size:13px;
}

.mishi-lightbox-help{
position:absolute;
top:24px;
left:24px;
z-index:100001;
color:#fff;
font-size:13px;
background:rgba(0,0,0,.35);
padding:7px 12px;
border-radius:8px;
}

.js-lightbox{
cursor:zoom-in;
}

body.mishi-lightbox-lock{
overflow:hidden!important;
}

@media(max-width:700px){

.mishi-lightbox-help{
display:none;
}

.mishi-lightbox-prev,
.mishi-lightbox-next{
width:42px;
height:58px;
font-size:30px;
}

.mishi-lightbox-prev{
left:8px;
}

.mishi-lightbox-next{
right:8px;
}

.mishi-lightbox-close{
right:12px;
top:12px;
}

.mishi-lightbox-reset{
right:70px;
top:12px;
}

.solution-cta{
padding:34px 16px;
}

.solution-cta-inner{
padding:22px;
}

.solution-cta h2{
font-size:23px;
}

}