/* MIRA v6 calculator: presentation only; the v5 calculator DOM, fields, APIs and JS remain unchanged. */
body.mira-order-v6{
 background:radial-gradient(ellipse 60% 36% at 86% 9%,rgba(63,164,182,.45),transparent 80%),linear-gradient(122deg,#042c45,#0b5169 60%,#0b6b80);
 color:#edfaff;
}
body.mira-order-v6::before{
 content:"";position:absolute;top:42px;right:0;width:min(58vw,950px);height:660px;
 background:linear-gradient(90deg,#0a5369 0%,rgba(8,79,103,.67) 10%,transparent 42%),linear-gradient(0deg,#0a5267,transparent 66%),url('assets/mira-scene.webp') right top / cover no-repeat;
 opacity:.44;pointer-events:none;z-index:0;
 -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 60%,transparent 99%);mask-image:linear-gradient(180deg,#000 0%,#000 60%,transparent 99%);
}
body.mira-order-v6::after{
 content:"";position:absolute;inset:0 0 auto;height:1000px;
 pointer-events:none;z-index:0;opacity:.18;
 background:url('assets/mira-ribbon-v6.svg') center top / 100% 100% no-repeat;
}
body.mira-order-v6>.topbar,body.mira-order-v6>.mira-order-top{display:none}
body.mira-order-v6>.site-header,body.mira-order-v6>main,body.mira-order-v6>footer{position:relative;z-index:1}
body.mira-order-v6 .site-header{
 background:linear-gradient(100deg,rgba(4,42,64,.88),rgba(18,112,134,.35));
 border-bottom:1px solid rgba(196,255,246,.46);box-shadow:0 10px 40px rgba(0,22,41,.2);
 backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);
}
body.mira-order-v6 .site-header .navlinks a{color:#edffff}
body.mira-order-v6 .site-header .navlinks a[href="#calculator"]{color:#ffdfaa;text-decoration:underline;text-decoration-color:#e8bf71;text-underline-offset:9px}
body.mira-order-v6 .site-header .portal-button{border:1px solid rgba(190,253,248,.68);background:rgba(43,155,175,.24);box-shadow:inset 0 1px rgba(255,255,255,.45);border-radius:999px}
body.mira-order-v6 .site-header .brand img{width:100%;max-height:68px;object-fit:contain}
body.mira-order-v6 main{display:flex;flex-direction:column}
body.mira-order-v6 main>section.hero-v37,
body.mira-order-v6 main>section.hero-v37+.section.white{display:none}
body.mira-order-v6 main>#calculator{order:-10}
body.mira-order-v6 #calculator{
 background:transparent;padding:35px 0 48px;scroll-margin-top:80px;
}
body.mira-order-v6 #calculator>.container{max-width:1420px;width:calc(100% - 5vw);padding:0 15px}
body.mira-order-v6 #calculator .section-title{align-items:center;margin-bottom:30px;color:#fff;gap:28px}
body.mira-order-v6 #calculator .section-title .eyebrow{font-size:12px;letter-spacing:.13em;color:#ffe1a4}
body.mira-order-v6 #calculator .section-title h2{
 color:#f4fbff;font-size:clamp(34px,3.2vw,56px);line-height:1.08;letter-spacing:-.035em;
 text-shadow:0 3px 19px rgba(0,27,42,.34);
}
body.mira-order-v6 #calculator .section-title h2::after{
 content:"";display:block;width:73%;height:12px;margin-top:11px;border-top:3px solid #ffce79;
 border-radius:60% 0 0 0;transform:rotate(-2deg);
}
body.mira-order-v6 #calculator .section-title p{color:#d6edf0;font-size:15px;max-width:520px;line-height:1.6}
body.mira-order-v6 #calculator .calc-shell{
 grid-template-columns:minmax(0,1.56fr) minmax(310px,.75fr);align-items:start;gap:22px;
}
body.mira-order-v6 #calculator .calc-panel,
body.mira-order-v6 #calculator .result{
 color:#f3ffff;background:linear-gradient(143deg,rgba(22,114,137,.73),rgba(9,60,83,.78) 78%);
 border:1px solid rgba(202,253,246,.68);border-radius:28px;
 box-shadow:inset 0 2px rgba(255,255,255,.25),0 18px 52px rgba(0,26,43,.27),0 0 18px rgba(243,209,132,.08);
 backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px);
}
body.mira-order-v6 #calculator .calc-panel{padding:clamp(20px,2.3vw,34px)}
body.mira-order-v6 #calculator .calc-head h3{color:#f8ffff;font-size:clamp(23px,2.3vw,31px)}
body.mira-order-v6 #calculator .calc-head h3::before{content:'▦';color:#ffe09b;font-weight:400;margin-right:12px}
body.mira-order-v6 #calculator .live{background:rgba(101,226,180,.20);border:1px solid rgba(121,252,180,.55);color:#d6ffde}
body.mira-order-v6 #calculator .field>span,
body.mira-order-v6 #calculator .postpress legend{color:#e5f4f6;font-weight:800;letter-spacing:.07em}
body.mira-order-v6 #calculator .field select,
body.mira-order-v6 #calculator .field input,
body.mira-order-v6 #calculator .field textarea,
body.mira-order-v6 #calculator .lamination-sides{
 color:#fff;background:linear-gradient(135deg,rgba(44,151,172,.48),rgba(21,98,122,.49));
 border:1px solid rgba(181,246,249,.66);border-radius:14px;
 box-shadow:inset 0 1px rgba(255,255,255,.23);min-height:46px;
}
body.mira-order-v6 #calculator .field input::placeholder{color:#c7dfe4}
body.mira-order-v6 #calculator .field select option,
body.mira-order-v6 #calculator .lamination-sides option{background:#135168;color:#fff}
body.mira-order-v6 #calculator .field input:focus,
body.mira-order-v6 #calculator .field select:focus{border-color:#ffdb95;box-shadow:0 0 0 3px rgba(255,217,151,.22)}
body.mira-order-v6 #calculator .artwork-tool{
 background:linear-gradient(135deg,rgba(78,178,189,.20),rgba(5,55,82,.50));
 border:1px solid rgba(190,248,246,.45);border-radius:21px;
}
body.mira-order-v6 #calculator .artwork-preview-stage{background:rgba(27,96,118,.65);border:1px solid rgba(161,239,239,.32)}
body.mira-order-v6 #calculator .artwork-size,
body.mira-order-v6 #calculator .artwork-hint,
body.mira-order-v6 #calculator .artwork-info p{color:#cae5e9}
body.mira-order-v6 #calculator .artwork-eyebrow{color:#ffe1a4}
body.mira-order-v6 #calculator .artwork-info h4{color:#fff}
body.mira-order-v6 #calculator .artwork-upload span{
 background:linear-gradient(140deg,#ffe7a5,#f6c271);color:#0b364a;border:1px solid #fff2c5;
 box-shadow:0 5px 16px rgba(244,188,111,.22);border-radius:12px;
}
body.mira-order-v6 #calculator .artwork-check.neutral{color:#d3eef0}
body.mira-order-v6 #calculator .chip span{
 background:rgba(29,112,134,.60);color:#efffff;border:1px solid rgba(192,246,245,.48);
 box-shadow:inset 0 1px rgba(255,255,255,.14);border-radius:999px;
}
body.mira-order-v6 #calculator .chip input:checked+span{
 color:#153c49;border-color:#ffdea7;background:linear-gradient(120deg,#ffe29e,#f0bc61);
 box-shadow:0 0 12px rgba(255,218,153,.24);
}
body.mira-order-v6 #calculator .mira-cut-reminder{color:#ffc6b5}
body.mira-order-v6 #calculator .result{
 background:linear-gradient(155deg,rgba(8,62,86,.93),rgba(20,88,105,.91));
 position:sticky;top:96px;padding:clamp(20px,2.3vw,34px);border-color:rgba(235,221,164,.63);
}
body.mira-order-v6 #calculator .result small,
body.mira-order-v6 #calculator .result-row span:first-child{color:#c5e6ed}
body.mira-order-v6 #calculator .price{color:#fff;font-size:clamp(40px,3.4vw,58px);text-shadow:0 1px 12px rgba(255,226,175,.2)}
body.mira-order-v6 #calculator .per{color:#d9f1f1}
body.mira-order-v6 #calculator .qty-suggestions{background:rgba(73,166,184,.16);border-color:rgba(191,242,242,.42)}
body.mira-order-v6 #calculator .qty-option.current{outline:1px solid rgba(255,225,151,.68);background:rgba(248,195,111,.20)}
body.mira-order-v6 #calculator .result .btn-gold{border-radius:14px;background:linear-gradient(120deg,#ffe6a2,#f5bd65);color:#10384a;box-shadow:0 4px 16px rgba(255,199,112,.24)}
body.mira-order-v6 #calculator .result .btn-light{border-radius:14px;background:#f2fafc;color:#133f54}
body.mira-order-v6 #calculator .result .note,
body.mira-order-v6 #calculator .no-register-note{color:#bddfe5}
/* Keep older content below the calculator usable, but tone it toward the same palette. */
body.mira-order-v6 #calculator+.white{border-top:1px solid rgba(191,242,245,.4)}
@media(max-width:900px){
 body.mira-order-v6 #calculator .calc-shell{grid-template-columns:1fr}
 body.mira-order-v6 #calculator .result{position:static}
 body.mira-order-v6 #calculator .section-title{display:block}
 body.mira-order-v6 #calculator .section-title p{margin-top:14px}
}
@media(max-width:640px){
 body.mira-order-v6 #calculator{padding:18px 0 34px}
 body.mira-order-v6 #calculator>.container{width:100%;padding:0 14px}
 body.mira-order-v6 #calculator .calc-panel,body.mira-order-v6 #calculator .result{padding:18px;border-radius:20px}
 body.mira-order-v6 #calculator .grid2{grid-template-columns:1fr}
 body.mira-order-v6 #calculator .section-title h2{font-size:34px}
 body.mira-order-v6::before{width:100%;opacity:.21}
}