/* MIKA Interiors | Custom visual layer for Shoptet Classic | 2026-10 */
/* Scope intentionally limited to .mika-block and .mika-guide to preserve native Shoptet catalog and checkout. */
.mika-block,.mika-block *,.mika-guide,.mika-guide *{box-sizing:border-box}
.mika-block{--mk-ink:#25362d;--mk-muted:#6c7770;--mk-cream:#f6f4ee;--mk-gold:#bb956d;--mk-border:#dfe4de;color:var(--mk-ink);font-family:'Arial',sans-serif;font-size:15px;line-height:1.6;overflow-wrap:anywhere;max-width:1380px;margin:20px auto 55px;}
.mika-block h2,.mika-block h3,.mika-block p{margin:0}.mika-block h2{font-size:clamp(28px,3.7vw,53px);font-weight:650;line-height:1.12;letter-spacing:-.055em}.mika-block h3{font-size:23px;line-height:1.3;letter-spacing:-.025em}
.mika-block p{color:var(--mk-muted);line-height:1.8}.mika-block a:not(.mika-btn){text-decoration:none}.mika-block img{width:100%;height:100%;object-fit:cover;display:block}.mika-block em{font-style:normal;color:#a27b56}.mika-block .mika-kicker{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:750;color:#a17f5e;display:block;margin-bottom:18px}
.mika-block a:focus-visible,.mika-block button:focus-visible,.mika-guide button:focus-visible,.mika-guide a:focus-visible{outline:3px solid var(--mk-gold,#bc966e);outline-offset:3px}
.mika-block .mika-btn{display:inline-flex;align-items:center;justify-content:center;gap:23px;background:#284537!important;color:#fff!important;border:1px solid #284537;border-radius:2px;padding:15px 23px;line-height:1.2;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s}.mika-block .mika-btn:hover{background:#193125!important;transform:translateY(-1px)}
.mika-block .mika-textlink{font-size:13px;font-weight:700;color:var(--mk-ink)!important;display:inline-flex;align-items:center;min-height:44px}.mika-block .mika-textlink:hover{text-decoration:underline}
.mika-block .mika-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin:28px 0 0}
.mika-hero{display:grid;grid-template-columns:1fr 1fr;background:var(--mk-cream);min-height:485px;gap:35px;align-items:center;padding:40px 30px 40px 50px}.mika-hero-copy{max-width:545px}.mika-hero h2{margin:0 0 22px}.mika-hero p{font-size:15px;max-width:470px}.mika-hero-image{position:relative;display:block;height:400px;background:linear-gradient(125deg,#859187,#485a51);overflow:hidden}.mika-hero-image img{transition:transform .6s}.mika-hero-image:hover img{transform:scale(1.03)}.mika-image-chip{position:absolute;bottom:18px;left:18px;background:#fff;color:#25362d;padding:9px 15px;font-weight:700;font-size:10px;letter-spacing:.08em}.mika-hero-facts{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px;color:#53665a;font-size:11px;font-weight:700}.mika-hero-facts span+span:before{content:'•';margin-right:12px;color:#a88e6d}
.mika-signal{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:21px 22px;border:1px solid var(--mk-border);margin:0}.mika-signal>div{display:grid;gap:3px;border-right:1px solid var(--mk-border);padding:6px 15px}.mika-signal>div:last-child{border:0}.mika-signal strong{font-size:13px}.mika-signal span{color:var(--mk-muted);font-size:12px}
.mika-section{padding:76px 10px}.mika-head{max-width:650px;margin:0 0 35px}.mika-head h2{margin-bottom:13px}.mika-cards,.mika-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.mika-service{background:#f7f7f3;padding:34px 28px;min-height:233px;border:1px solid #e5e8e2;display:flex;flex-direction:column;gap:13px;text-decoration:none!important;color:var(--mk-ink)!important;transition:transform .2s,border-color .2s}.mika-service:hover{transform:translateY(-3px);border-color:#a5baaa}.mika-service>span{font-size:10px;color:#967758;font-weight:700;letter-spacing:.12em}.mika-service p{font-size:13px;flex:1}.mika-service b{font-size:12px}
.mika-projects{background:#f8f8f5;padding:74px 34px}.mika-gallery a{display:block;overflow:hidden;color:var(--mk-ink)!important}.mika-gallery img{height:240px;width:100%;object-fit:cover;background:#e7e9e3;transition:transform .35s}.mika-gallery a:hover img{transform:scale(1.03)}.mika-gallery a span{display:flex;justify-content:space-between;gap:12px;padding:14px 2px 0;background:none!important;color:var(--mk-ink);font-weight:600;font-size:13px}
.mika-calc-teaser{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding:82px 30px}.mika-calc-intro>p{max-width:480px;margin:21px 0}.mika-mini-calc{border:1px solid #e0e6df;padding:30px;background:#fff;box-shadow:0 20px 50px rgba(29,49,36,.07)}.mika-mini-calc label{font-size:12px;display:block;font-weight:700;margin-bottom:7px}.mika-mini-calc input,.mika-mini-calc select{font:inherit;font-size:14px;background:#fff;border:1px solid #d6dfd7;padding:13px;border-radius:2px;width:100%;height:46px;color:#25362d}.mika-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}.mika-result{background:#283d31;color:white;display:grid;gap:4px;padding:23px;margin:13px 0 22px}.mika-result small{font-size:11px;color:#d1d9cd}.mika-result strong{font-size:clamp(27px,3vw,40px);font-weight:700;letter-spacing:-.04em}.mika-result span{font-size:10px;color:#d2dbd1}.mika-mini-calc button{width:100%}
.mika-showroom{background:#f4f4ed;display:grid;grid-template-columns:1fr 340px;gap:52px;align-items:center;padding:65px 52px}.mika-showroom p{margin:15px 0 24px;max-width:575px}.mika-showroom-info{display:flex;flex-direction:column;background:#fff;padding:26px 28px;gap:7px;box-shadow:0 11px 35px rgba(35,50,40,.07)}.mika-showroom-info strong{font-size:23px}.mika-showroom-info span{font-size:13px;color:#68776a}.mika-showroom-info hr{border:0;border-top:1px solid #e3e7e1;width:100%;margin:13px 0}.mika-showroom-info a{color:#284537;font-weight:700}
.mika-end{text-align:center;color:white;background:#253b2e;padding:75px 20px;display:flex;flex-direction:column;align-items:center;gap:17px}.mika-end h2{color:#fff}.mika-end p{color:#d4e0d4;max-width:550px}.mika-end .mika-btn-light{background:#fff!important;border-color:#fff;color:#253b2e!important}.mika-end .mika-btn-light:hover{background:#e9ece9!important}
.mika-inquiry{background:#f9f9f5;padding:38px 40px;max-width:900px}.mika-inquiry h2{margin:0 0 17px}.mika-inquiry .mika-note{padding:15px 18px;background:#eef1eb;margin:22px 0 25px;border-left:3px solid #b89d7d}.mika-inquiry .mika-small{font-size:12px;margin-top:17px}.mika-inquiry .mika-form-host{background:#fff;border:1px solid #e0e7df;padding:23px}.mika-inquiry #mika-calc-summary{background:#eaf1e8;padding:18px;margin:16px 0}.mika-inquiry #mika-calc-summary pre{max-height:180px;overflow:auto;white-space:pre-wrap;font-size:12px}
.mika-calc-frame{width:100%;border:1px solid #e4e8e3;min-height:1580px;height:1800px;background:#fff;display:block}.mika-subpage{padding:30px 20px 65px}.mika-subpage .mika-subhead{background:#f7f7f2;padding:42px 36px;margin-bottom:34px}.mika-subpage .mika-subhead h2{margin-bottom:17px}.mika-subpage .mika-subhead p{max-width:750px}.mika-subpage .mika-editorial{max-width:950px;margin:auto}.mika-subpage .mika-editorial section{margin-bottom:38px}.mika-subpage .mika-editorial h3{margin:14px 0;font-size:24px}.mika-subpage .mika-editorial p{margin:14px 0}.mika-subpage .mika-subgallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.mika-subpage .mika-subgallery img{height:210px;background:#e2e6df}
.mika-guide{position:fixed;z-index:5000;right:21px;bottom:25px;font-family:Arial,sans-serif;color:#25362d;max-width:calc(100vw - 30px)}.mika-guide .mika-bubble{position:absolute;right:0;bottom:104px;width:305px;max-width:calc(100vw - 30px);background:white;border:1px solid #e3e8e2;border-radius:12px;box-shadow:0 19px 60px rgba(15,39,29,.18);padding:20px;display:none}.mika-guide[data-open="true"] .mika-bubble{display:block}.mika-guide .mika-bubble p{font-size:13px;color:#6e776f;margin:7px 0 14px}.mika-guide .mika-bubble>a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;text-decoration:none;color:#234633;font-size:13px;font-weight:700;border-top:1px solid #edf1ed}.mika-guide button.mika-launch{background:transparent;border:0;border-radius:15px;display:flex;align-items:flex-end;gap:9px;cursor:pointer;filter:drop-shadow(0 6px 15px rgba(15,30,20,.2));margin-left:auto}.mika-guide .mika-launch img{width:78px;height:97px;object-fit:contain;object-position:bottom}.mika-guide .mika-launch-label{display:block;background:#fff;padding:10px 13px;border-radius:11px;margin-bottom:22px;box-shadow:0 5px 14px rgba(0,0,0,.1);font-size:12px;font-weight:700}
@media(max-width:800px){.mika-hero{grid-template-columns:1fr;padding:36px 23px;gap:24px}.mika-hero-image{height:270px}.mika-signal{grid-template-columns:1fr}.mika-signal>div{border-right:0;border-bottom:1px solid var(--mk-border)}.mika-signal>div:last-child{border:0}.mika-cards,.mika-gallery{grid-template-columns:1fr 1fr}.mika-calc-teaser{grid-template-columns:1fr;gap:22px}.mika-showroom{grid-template-columns:1fr;padding:42px 24px}.mika-section{padding:46px 17px}.mika-guide .mika-launch-label{display:none}.mika-subpage .mika-subgallery{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.mika-hero{padding:31px 19px}.mika-cards,.mika-gallery{grid-template-columns:1fr}.mika-gallery img{height:250px}.mika-fields{grid-template-columns:1fr}.mika-projects{padding:35px 17px}.mika-mini-calc{padding:21px}.mika-inquiry{padding:24px 12px}.mika-guide{right:8px;bottom:12px}.mika-guide .mika-launch img{width:64px;height:82px}.mika-guide .mika-bubble{bottom:91px}}
@media(prefers-reduced-motion:reduce){.mika-block *,.mika-guide *{transition:none!important}}

/* Shoptet page containing exact calculator iframe */
.kk-shoptet-embed{width:100%;max-width:none;margin:0 auto 48px}.kk-shoptet-embed iframe{width:100%;border:0;display:block;min-height:900px;background:#fff}.kk-shoptet-loading{padding:24px;text-align:center;color:#687169}.kk-shoptet-embed.is-ready .kk-shoptet-loading{display:none}.mika-calc-page-intro{margin-bottom:24px}

/* Preview of the selected kitchen program in the homepage calculator. */
.mika-mini-program-preview{margin:16px 0 4px;background:#f4f5f1;border:1px solid #e0e6df}
.mika-mini-program-preview img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.mika-mini-program-preview figcaption{padding:8px 12px;font:600 13px/1.4 Arial,sans-serif;color:#283d31}