/* Miniakits — colourful paper, confident type, authentic product imagery.
   Presentation only; existing content, ordering and language behaviour retained. */
:root{--navy:#143f78;--pink:#d90857;--orange:#e9a20c;--cream:#fff9ed;--ink:#25324b;--paper:#fffefb;--yellow:#ffdc38;--line:#dfdfd5;--soft-shadow:0 14px 36px -22px #143f7855}
body{background-color:var(--cream);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3{letter-spacing:-.025em;text-wrap:balance}p{ text-wrap:pretty }
a{ text-underline-offset:.22em }a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--navy);outline-offset:5px}
section{padding-block:clamp(48px,6vw,88px);padding-inline:24px;scroll-margin-top:130px}
.top{padding:13px 28px;gap:16px;background:#fffdf6f5;border-bottom:1px solid #143f781c;box-shadow:0 4px 20px #143f7808}
.top .logo img{width:164px}.top nav{gap:17px;font-size:.88rem}.top nav a{padding-block:7px;position:relative}.top nav a:hover{color:var(--pink)}
.top .lang{margin-inline-start:auto;transform:none;padding:3px;border-width:1px;border-color:#143f7833;background:#fff}
.lang a,.lang button{padding:7px 9px}.top>.btn{margin-inline-start:0}.top .btn.sm{padding:10px 17px}
.btn{border-radius:14px;font-weight:600;padding:15px 23px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;min-height:44px}
.btn.wa{background:#147b47;color:#fff;box-shadow:0 4px 0 #0c5933}.btn.ghost{border:2px solid var(--navy);background:var(--paper);box-shadow:0 4px 0 var(--navy)}
.btn.big{font-size:1.08rem;padding:17px 23px}.btn:hover{animation:none;transform:translateY(-3px)}.btn:active{transform:translateY(1px);box-shadow:none}
.pill{border:1px solid #143f7833;background:#fffefb;padding:8px 14px;color:var(--navy);font-size:.84rem;line-height:1.4;box-shadow:0 3px 0 #143f7809}
.hero{max-width:1240px;isolation:isolate;overflow:hidden;padding-block:52px 60px;gap:40px;min-height:0;align-items:center}
.hero-txt{position:relative;z-index:2;min-width:0}.hero h1.pill{font-size:.85rem;color:var(--navy);max-width:100%;width:fit-content}
.hero .h1like{font-size:clamp(2.8rem,5.3vw,4.5rem);line-height:1.06;letter-spacing:-.045em;margin:22px 0;text-shadow:none;color:var(--navy)}
.hero .h1like s{color:#718096;text-decoration-color:var(--pink);text-decoration-thickness:5px}
.hero .h1like .rb{text-shadow:0 2px 0 #fff;letter-spacing:-.035em}
.hero .lead{font-size:1.1rem;line-height:1.7;max-width:31em;margin:0 0 20px}.hero .lead b{color:var(--navy)}
.hero .price-tag{border-radius:13px;background:var(--pink);box-shadow:4px 4px 0 var(--yellow);transform:rotate(-3deg);padding:8px 18px;margin:0 0 16px}.price-tag b{font-size:2.8rem}
.kit-strip{font-size:.92rem;line-height:1.6;margin-bottom:14px;max-width:36em}.hero-bdg{gap:8px;margin-bottom:24px}.hero-bdg li{font-size:.78rem;padding:5px 10px;border:1px solid #143f781c;background:#fffefb}
.ctas{gap:12px}.ctas2{margin-top:16px}.ctas2 .btn.ghost.sm{box-shadow:none;border-color:#143f7833;background:transparent;padding:9px 13px}
.hero .mini{font-size:.8rem;opacity:1;color:#536179;line-height:1.6;margin-top:18px}
.hero-vis{min-height:500px;isolation:isolate;align-self:center;aspect-ratio:1/1;width:100%;max-width:550px;margin:auto}
.hero-vis::before{content:"";position:absolute;inset:7% 2% 6%;background:var(--yellow);border-radius:46% 54% 44% 56% / 56% 45% 55% 44%;transform:rotate(-6deg);z-index:-2;box-shadow:inset 0 0 0 12px #ffe97a}
.hero-vis::after{content:"";position:absolute;inset:15% 7% 9%;border:2px dashed #143f782e;border-radius:48%;transform:rotate(12deg);z-index:-1}
.hero-vis .splash{opacity:.22;animation:none;z-index:-1}.hero .blob{opacity:.18}.hero .confetti{opacity:.45}.confetti i{animation:none}
.hero .cut{animation:none;filter:drop-shadow(0 16px 12px #47320024)}
.hero .c-main{width:68%;max-width:370px;top:21%;rotate:-5deg;z-index:3}
.hero .c-left{width:40%;top:1%;left:0;rotate:-11deg;z-index:2}.hero .c-right{width:43%;right:-1%;bottom:0;rotate:8deg;z-index:4}
.hero-vis .sticker{background:var(--pink);box-shadow:0 0 0 6px #fff,0 7px 0 6px #143f781c;color:#fff;width:96px;height:96px;right:3%;top:4%;animation:none;transform:rotate(9deg);font-size:1.03rem}
.hero .brush{bottom:3%;left:8%;animation:none;font-size:3rem}
.wave path{fill:var(--navy)}.marquee{background:var(--navy);font-size:1rem;padding-block:16px;letter-spacing:.02em}
.badges{gap:16px;margin-top:32px}.bdg{border-width:1px;border-color:#143f7822;border-radius:14px;padding:16px;font-size:.88rem;box-shadow:0 4px 0 var(--orange)}
.story{gap:48px;margin-bottom:64px}.story .lead{font-size:1.13rem;line-height:1.8}.story h2{margin-top:20px;line-height:1.16}
.ph-scene{border-width:7px;box-shadow:var(--soft-shadow);border-radius:24px}.tilt-l{rotate:-1deg}
h2{line-height:1.15}.sub{line-height:1.75;color:#536179;margin-bottom:36px}
.ic{border:1px solid #143f7819;padding:24px 18px;border-radius:18px;box-shadow:var(--soft-shadow)}.ic b{margin-block:8px;font-size:1.07rem}.ic span{opacity:1;color:#596477;line-height:1.5;display:block}
.grid{gap:24px}.kit{transform:none;border:1px solid #143f781a;border-radius:20px;padding:12px;box-shadow:var(--soft-shadow)}.kit:hover{transform:translateY(-5px)}.kit h3{font-size:1.12rem;margin-block:14px 5px}.kit p{opacity:1;color:#596477;line-height:1.6}.kit .row{margin-block:15px 5px}.kit:hover .ph img{animation:none}
.kp{border:1px solid #143f781a;border-radius:20px;box-shadow:var(--soft-shadow)}.kp-ph{background:#f7f0e5}.kp figcaption{padding:15px 14px;gap:10px}.kp figcaption .btn{min-height:40px}
.steps{gap:20px}.steps li{border:1px solid #143f782e;box-shadow:4px 5px 0 #ffe78b;border-radius:18px;line-height:1.7}.steps li span{color:var(--navy);background:#ffd74b}.steps li:nth-child(2) span{background:#c7efda}.steps li:nth-child(3) span{background:#ccecff}.steps li:nth-child(4) span{background:#ffdae5}
.oc{border-radius:20px}.oc h3{line-height:1.25;margin-block:12px}.oc p{line-height:1.7;font-size:.95rem}.oc:hover i,.ic:hover i{animation:none}.chip{border:1px solid #143f781a}
.qwrap{border:1px solid #143f782e;border-radius:26px;box-shadow:0 8px 0 var(--pink);padding:36px 28px}.qwrap h2{line-height:1.2}.qwrap .sub{margin-top:8px}input,select,textarea{border-color:#c9cfd5;border-radius:10px;background:#fffefb;min-height:48px}
.faq details{border:1px solid #143f7824;border-radius:16px;padding-inline:22px;margin-bottom:14px}.faq summary{font-size:1.12rem;padding-block:18px;line-height:1.5}.faq details p{line-height:1.8}
.ab-card{border-width:1px;border-color:#143f7833;box-shadow:6px 7px 0 #ffd9e7;border-radius:24px;padding:38px}.ab-card .hl{color:var(--pink)}
.ct-card{border-width:1px;border-color:#143f7844;border-radius:18px;padding:28px 18px}.ct-sub{color:#536179}.avis-empty{border-width:2px;background:#fffdf6}
.regl{padding-block:22px 44px}.regl-box{border:2px solid #ecc647;border-radius:22px;background:#fffdf3;box-shadow:0 7px 0 #ffe88f;padding:26px 30px}.regl h2{font-size:1.6rem}.regl a{color:#805500}.regl-in{line-height:1.7}.regl li{line-height:1.75}
.lp{max-width:1080px;padding:34px 28px 80px}.crumbs{font-size:.8rem;color:#596477;opacity:1;margin-bottom:26px}.lp h1{font-size:clamp(2.05rem,4.5vw,3.6rem);line-height:1.12;margin-block:12px 24px}.lp h2{line-height:1.25}.lp-hero{gap:42px}.lp-hero img{border:6px solid #fff;box-shadow:7px 8px 0 #ffdf5d;border-radius:24px}.lp p,.lp li{line-height:1.8}.lp-box{border-color:#143f7833;box-shadow:0 5px 0 #ffe88f;border-radius:20px;padding:24px}
.lp-links{gap:20px}.lp-links a{border:1px solid #143f7828;border-radius:20px;padding:18px;font-weight:800;line-height:1.5;box-shadow:var(--soft-shadow);transition:transform .2s,border-color .2s}.lp-links a:hover{transform:translateY(-4px);border-color:var(--pink)}.lp-links small{display:block;color:#536179;font-size:.92rem;line-height:1.7;margin-top:10px}
.post{max-width:780px;margin-inline:auto;padding:32px 36px 44px;background:var(--paper);border:1px solid #143f781c;border-top:6px solid var(--yellow);border-radius:22px;box-shadow:var(--soft-shadow)}.post h1{font-size:clamp(2rem,4vw,3rem)}.post .meta{opacity:1;color:#596477;font-size:.85rem;margin-bottom:24px}.post h2{text-align:start;font-size:1.55rem;margin-top:1.8em;line-height:1.35}.post p,.post li{font-size:1.065rem;line-height:1.9}.post p{margin-block:1.1em}.post a:not(.btn){color:var(--navy)}.post .lp-links a{font-size:.95rem}.post>img{margin-block:22px 30px}
footer{background:#14345b;color:#e0e8f2;padding:54px 24px 90px;border-top:7px solid var(--yellow);font-size:.95rem}footer img{border-radius:16px;padding:10px 14px;margin-bottom:24px}footer p{line-height:1.8;max-width:760px;margin:16px auto}footer a{color:#ffe46a}footer small{display:block;max-width:850px;margin:28px auto 0;padding-top:24px;border-top:1px solid #ffffff2b;line-height:2;color:#d0dcec}footer .fx{line-height:2.2}
.fab{background:#147b47;animation:none;width:58px;height:58px;box-shadow:0 6px 22px #143f7833;border:3px solid #fff}
/* Standalone legal pages keep their own lightweight document structure. */
html:not(:has(.top)) body{background:#fff9ed;color:#25324b;line-height:1.85;max-width:800px;padding:0 24px;margin:40px auto}
html:not(:has(.top)) h1{font-size:clamp(1.9rem,5.7vw,2.8rem);line-height:1.2;color:var(--navy);margin-block:32px 20px}
html:not(:has(.top)) h2{text-align:start;font-size:1.35rem;line-height:1.4;margin-block:32px 12px;color:var(--navy)}
html:not(:has(.top)) section{padding:0;scroll-margin-top:24px}html:not(:has(.top)) a{color:var(--navy)}
html:not(:has(.top)) footer{background:transparent;border:0;padding:16px 0;margin-top:30px;text-align:start;color:var(--ink)}html:not(:has(.top)) footer small{border-top:1px solid #143f7833;padding-top:20px;color:var(--ink)}
[dir=rtl] .top,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:Tahoma,"Segoe UI",Arial,sans-serif;letter-spacing:0;line-height:1.5}[dir=rtl] .top nav{margin-inline-start:auto;margin-inline-end:0}[dir=rtl] .lang{margin-inline-start:12px;margin-inline-end:0}[dir=rtl] .lp-hero{direction:rtl}[dir=rtl] .btn{line-height:1.5}
@media(min-width:1280px){.top nav{margin-inline-start:auto}.top .lang{margin-inline-start:12px}}
@media(min-width:760px) and (max-width:1279px){.top{flex-wrap:wrap;padding:12px 24px 8px;gap:12px}.top nav{display:flex;order:5;width:100%;margin:0;justify-content:center;overflow-x:auto;gap:22px;padding-block:4px;scrollbar-width:none}.hero{gap:20px}.hero .h1like{font-size:clamp(2.5rem,4.8vw,4rem)}.hero-vis{min-height:420px}.occ{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:759px){section{padding-inline:20px;padding-block:48px}.top{padding:10px 14px 7px;gap:8px;row-gap:8px}.top .logo img{width:110px}.top .lang{margin-inline-start:auto;transform:none}.lang a{padding:7px}.top .btn.sm{font-size:.8rem;padding:8px 10px;min-height:36px}.top nav{gap:20px;font-size:.83rem;padding-block:5px;margin:0;line-height:1.5}.hero{padding:30px 20px 40px;gap:20px}.hero .h1like{font-size:clamp(2.15rem,9.4vw,3.3rem);margin-block:22px 18px}.hero h1.pill{font-size:.74rem;padding:7px 10px}.hero .lead{font-size:1.02rem}.hero-kit{width:90px}.hero-buy{gap:20px;margin-top:14px}.hero .price-tag{margin-bottom:12px}.hero-bdg{margin-block:14px 20px}.hero .ctas .btn{width:100%;min-height:52px}.hero-vis{min-height:0;aspect-ratio:1.06;max-width:440px}.hero-vis .sticker{width:78px;height:78px;font-size:.88rem;right:3%}.hero .mini{margin-bottom:0}.badges{padding-inline:20px;gap:12px}.bdg{font-size:.78rem;gap:8px;padding:13px 10px}.bdg i{font-size:1.25rem}.story{gap:32px;margin-bottom:44px}.story .lead{font-size:1.03rem}.grid{gap:14px}.kit{padding:8px;border-radius:17px}.kit h3{font-size:1rem}.kit p{font-size:.8rem}.kit .btn.sm{font-size:.82rem;padding:9px 8px}.ic{padding:20px 12px}.ic b{font-size:.98rem}.ic span{font-size:.83rem}.steps li{padding-inline:80px 18px}.regl{padding-inline:20px;padding-block:12px 38px}.regl-box{padding:22px 19px}.regl-in{font-size:1rem}.regl li{font-size:.94rem}.qwrap{padding:28px 20px}.ab-card{padding:28px 22px}.lp{padding:26px 20px 54px}.lp-hero{gap:28px}.lp h1{margin-top:10px}.lp-links{gap:16px}.post{padding:24px 20px 30px;border-radius:18px}.post h1{font-size:2rem}.post h2{font-size:1.35rem}.post p,.post li{font-size:1rem;line-height:1.85}.post .lp-links{grid-template-columns:minmax(0,1fr)}.crumbs{margin-bottom:22px}.lp-box{padding:20px}.kp-grid{gap:12px}.kp figcaption{padding:12px 10px}.kp figcaption b{font-size:.93rem}.contact{padding-inline:20px}.ct-card{padding:24px 18px}footer{padding:42px 22px 90px}footer img{max-width:220px}footer .fx{font-size:.82rem}.tiers div{font-size:.83rem}html:not(:has(.top)) body{margin-block:24px;padding-inline:20px}}
@media(max-width:359px){.top .logo img{width:88px}.top{gap:5px;padding-inline:10px}.top .btn.sm{padding:8px;font-size:.75rem}.lang a{padding:6px}.hero .h1like{font-size:2rem}.hero h1.pill{font-size:.69rem}.hero-bdg li{font-size:.72rem}.post{padding-inline:16px}.post h1{font-size:1.8rem}}
@media(hover:none){.kit:hover,.kp:hover,.oc:hover,.lp-links a:hover,.btn:hover{transform:none}.kit:hover .ph img,.chip:hover,.btn:hover{animation:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;translate:none}}
/* Review refinement: keep every navigation destination visible, and avoid
   an orphan card on the current four-article blog listing. */
@media(max-width:1279px){.top nav{flex-wrap:wrap;overflow:visible;justify-content:center;row-gap:2px;column-gap:16px}.top nav a{white-space:normal;text-align:center;line-height:1.35;padding-block:5px}}
@media(max-width:759px){.top nav{font-size:.8rem;column-gap:14px;row-gap:1px}.top{position:relative}.hero{scroll-margin-top:24px}}
.lp>.lp-links[style]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:639px){.lp>.lp-links[style]{grid-template-columns:minmax(0,1fr)!important}}
/* Promo: keep the complete original poster and rules inside the viewport.
   Specific !important declarations also override the existing injected modal CSS. */
.mkp{padding:16px!important;overflow:auto;overscroll-behavior:contain}
.mkp .mkp-box{width:min(92vw,560px,calc(91.38dvh - 96px));max-width:100%;max-height:calc(100dvh - 32px);padding:12px 12px 14px;background:#14345b;border-radius:20px;flex-shrink:0;overflow:auto;box-shadow:0 20px 60px #0005}
.mkp .mkp-box>div{width:100%;flex-shrink:0}
.mkp .mkp-img{width:100%;max-height:none!important;line-height:0;flex-shrink:0;border-radius:12px}
.mkp .mkp-img img{width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;aspect-ratio:1199/1312;object-fit:contain!important;object-position:center;display:block}
.mkp .mkp-x{position:absolute;top:5px!important;right:5px!important;min-width:44px;min-height:44px;z-index:3;background:#143f78;color:#fff}
.mkp .mkp-tx{display:block;flex-shrink:0;color:#fff!important;font-size:14px;line-height:1.5;margin:10px 0 0;padding:4px 6px;text-align:center}
@media(max-width:759px){.fab{width:46px;height:46px;right:10px;bottom:10px;border-width:2px}.fab svg{width:25px;height:25px}.avis-empty,.rv{padding-inline-end:66px}.avis .avis-empty .btn{margin-inline-end:-40px}}
/* The original kit06-s photograph itself is upside down (including its label).
   Correct that photograph only; all other images keep their orientation. */
.kit .ph img[src="/img/kit06-s.webp"]{transform:rotate(180deg)}
.kit:hover .ph img[src="/img/kit06-s.webp"]{transform:rotate(180deg) scale(1.04);animation:none}
