
/* Immersive MAQ product presentation, scoped to this template only. */
.maqmini-product{--maqmini-ink:#14201e;--maqmini-border:#dfe5e0;color:var(--maqmini-ink);position:relative;min-height:calc(100svh - 70px);background:#e9eeeb;isolation:isolate}
.maqmini-canvas{position:relative;width:100%;height:max(650px,calc(100svh - 70px));overflow:hidden;background:#102320}
.maqmini-canvas .maqsmart-story-frame{display:block;width:100%;height:100%;min-height:0;border:0;background:#102320;position:absolute;inset:0}
.maqmini-fallback{min-height:100%;position:relative;display:flex;align-items:center;background:linear-gradient(145deg,#102b26,#2c5e4e);color:#fff;padding:clamp(28px,7vw,110px)}
.maqmini-visual{position:absolute;inset:0;overflow:hidden}.maqmini-visual img{display:block;width:100%;height:100%;object-fit:cover;opacity:.5}.maqmini-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,22,18,.86),rgba(5,22,18,.15))}
.maqmini-fallback-copy{max-width:700px;position:relative;z-index:1}.maqmini-kicker{font-size:12px;font-weight:750;letter-spacing:.22em;color:#bcddcb}.maqmini-fallback-copy h1{font-size:clamp(40px,7vw,92px);line-height:1.05;margin:20px 0;color:#fff}.maqmini-fallback-copy p{font-size:clamp(17px,2vw,23px);max-width:600px;line-height:1.5;color:#ebf6ed}.maqmini-placeholder{font-size:14px;letter-spacing:.1em;margin-top:40px;opacity:.6}
.maqmini-dock{position:fixed;left:clamp(12px,3vw,45px);right:clamp(12px,3vw,45px);bottom:max(14px,env(safe-area-inset-bottom));z-index:10030;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);border-radius:18px;box-shadow:0 10px 44px rgba(0,0,0,.18)}
.maqmini-identity{min-width:0;display:flex;flex-direction:column;gap:3px}.maqmini-identity span{font-size:10px;letter-spacing:.18em;color:#72867d;font-weight:700}.maqmini-identity strong{font-size:clamp(13px,1.3vw,17px);max-width:35vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maqmini-actions{display:flex;align-items:center;gap:8px}.maqmini-actions a,.maqmini-actions button{font:600 13px/1.1 system-ui,sans-serif;border:1px solid var(--maqmini-border);background:#f3f6f3;color:#18332a;padding:12px 15px;border-radius:10px;text-decoration:none;cursor:pointer}.maqmini-actions .maqmini-cta{background:#203f34;color:#fff;border-color:#203f34}.maqmini-actions button:hover,.maqmini-actions a:hover{filter:brightness(.94)}.maqmini-actions :focus-visible,.maqmini-sheet :focus-visible{outline:3px solid #41a67b;outline-offset:2px}
.maqmini-overlay[hidden],.maqmini-panel[hidden]{display:none!important}.maqmini-overlay{position:fixed;inset:0;z-index:10045;display:flex;align-items:flex-end;justify-content:center}.maqmini-shade{position:absolute;inset:0;background:rgba(6,16,12,.45);border:0;width:100%;height:100%;cursor:pointer}.maqmini-sheet{position:relative;background:#fff;color:#183229;width:min(860px,100%);max-height:88svh;border-radius:22px 22px 0 0;overflow:auto;padding:clamp(18px,3vw,34px);box-shadow:0 -15px 65px rgba(0,0,0,.22)}.maqmini-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e6eee9;padding-bottom:15px;margin-bottom:18px}.maqmini-sheet h2{font-size:22px;margin:0}.maqmini-sheet>header button{border:0;background:#ecf1ee;border-radius:50%;width:38px;height:38px;cursor:pointer}.maqmini-panel h3{font-size:24px}.maqmini-description{line-height:1.65}.maqmini-tag-heading{font-weight:750;margin-top:24px}.maqmini-tags{display:flex;flex-wrap:wrap;gap:8px}.maqmini-tags a{padding:8px 12px;border:1px solid #dce9e1;border-radius:30px;text-decoration:none;color:#245841}.maqmini-disclosure{font-size:12px;color:#6b756d;margin-top:24px}.maqmini-panel details{margin:24px 0;border-top:1px solid #e2eae5;padding-top:14px}.maqmini-panel summary{cursor:pointer;font-weight:700}.maqmini-panel input,.maqmini-panel textarea{max-width:100%}body.maqmini-panel-open{overflow:hidden}
@media(max-width:680px){.maqmini-canvas{height:100svh;min-height:0}.maqmini-dock{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));display:block;padding:10px;border-radius:14px}.maqmini-identity{padding:2px 5px 10px}.maqmini-identity strong{max-width:90vw}.maqmini-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.maqmini-actions a,.maqmini-actions button{padding:11px 3px;font-size:11px;text-align:center;min-width:0}.maqmini-sheet{max-height:91svh}}
@media(prefers-reduced-motion:reduce){.maqmini-dock{backdrop-filter:none}}

/* 3.7: MAQBIO base-layer return strip, separate from product information controls. */
.maqmini-product{--maqmini-home-h:44px}
.maqmini-dock{bottom:calc(var(--maqmini-home-h) + max(8px,env(safe-area-inset-bottom)));z-index:10030}
.maqmini-home-strip{position:fixed;bottom:0;left:0;right:0;z-index:10031;min-height:calc(var(--maqmini-home-h) + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:16px;padding:4px 20px calc(4px + env(safe-area-inset-bottom));box-sizing:border-box;background:#b72035;color:#fff;text-decoration:none;font-family:inherit;box-shadow:0 -4px 18px #0002}
.maqmini-home-strip strong{font-size:16px;font-weight:900;letter-spacing:.09em}.maqmini-home-strip span{font-size:11px;opacity:.88}
.maqmini-home-strip:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.maqmini-product.maqmini-layer-exiting{animation:maqmini-slide-away .55s cubic-bezier(.3,.75,.2,1) forwards;pointer-events:none}
@keyframes maqmini-slide-away{to{transform:translateY(-110dvh);opacity:.97}}
@media(max-width:680px){.maqmini-dock{bottom:calc(var(--maqmini-home-h) + max(5px,env(safe-area-inset-bottom)))}.maqmini-home-strip strong{font-size:14px}.maqmini-home-strip span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.maqmini-product.maqmini-layer-exiting{animation:none}}


/* MAQBIO return animation v2: the red base layer sweeps upward across the viewport. */
.maq-home-transition{position:fixed!important;inset:0!important;z-index:2147483646!important;display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;background:#bd1735;color:#fff;transform:translate3d(0,105%,0);transition:transform 950ms cubic-bezier(.17,.8,.22,1);will-change:transform;pointer-events:auto}
.maq-home-transition.is-active{transform:translate3d(0,0,0)}
.maq-home-transition:before{content:"";position:absolute;width:75vmax;height:75vmax;border:1px solid #ffffff33;border-radius:50%;transform:translate(32%,29%);box-shadow:0 0 0 18vmin #ffffff08,0 0 0 36vmin #ffffff06;pointer-events:none}
.maq-home-transition-inner{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2vw,22px);padding:25px;font-family:system-ui,-apple-system,sans-serif}
.maq-home-transition-eyebrow{font-size:11px;font-weight:700;letter-spacing:.25em;opacity:.82}
.maq-home-transition-inner strong{font-size:clamp(64px,12vw,180px);line-height:1;font-weight:900;letter-spacing:-.075em;color:#fff}
.maq-home-transition-caption{font-size:clamp(15px,2vw,22px);font-weight:400;opacity:.9}
.maq-home-transition-arrow{font-size:42px;font-weight:200;line-height:1;animation:maq-home-arrow .75s ease-in-out infinite alternate}
@keyframes maq-home-arrow{to{transform:translateY(-10px)}}
.maqbe-experience.maq-home-page-lifting,.maqmini-product.maq-home-page-lifting{animation:maq-home-page-lift 1000ms cubic-bezier(.17,.8,.22,1) both;pointer-events:none}
@keyframes maq-home-page-lift{to{transform:translate3d(0,-18vh,0);opacity:.64}}
@media(prefers-reduced-motion:reduce){.maq-home-transition,.maq-home-transition.is-active{transition:none;transform:none}.maqbe-experience.maq-home-page-lifting,.maqmini-product.maq-home-page-lifting{animation:none}.maq-home-transition-arrow{animation:none}}

/* v1.7.3 / v3.7.3: favicon-first layered reveal. */
.maq-home-transition{background:#bb1233;transform:translate3d(0,102%,0);transition:transform 900ms cubic-bezier(.2,.8,.18,1)}
.maq-home-transition.is-active{transform:translate3d(0,0,0)}
.maq-home-transition-inner{gap:14px}
.maq-home-transition-favicon{width:clamp(78px,12vw,135px);height:clamp(78px,12vw,135px);object-fit:contain;filter:drop-shadow(0 16px 25px #44071a44);opacity:0;transform:translateY(28px) scale(.65);transition:transform 600ms cubic-bezier(.1,.85,.2,1) 320ms,opacity 500ms ease 320ms}
.maq-home-transition.is-active .maq-home-transition-favicon{opacity:1;transform:translateY(0) scale(1)}
.maq-home-transition-inner strong{font-size:clamp(38px,7vw,94px);letter-spacing:.02em}
.maqbe-experience.maq-home-page-lifting,.maqmini-product.maq-home-page-lifting{animation:maq-home-page-lift-new 950ms cubic-bezier(.2,.8,.18,1) forwards;transform-origin:center top}
@keyframes maq-home-page-lift-new{to{transform:translate3d(0,-25vh,0) scale(.97);opacity:.4;filter:blur(3px)}}
@media(prefers-reduced-motion:reduce){.maq-home-transition-favicon{transition:none;opacity:1;transform:none}.maqbe-experience.maq-home-page-lifting,.maqmini-product.maq-home-page-lifting{animation:none}}

.maqmini-home-strip strong{display:inline-flex;align-items:center;gap:9px}.maqmini-home-strip strong img{width:25px;height:25px;object-fit:contain}
