/* Vitrine : cadre iPhone + fond d'écran d'accueil + notifications iOS, autour des captures ×3 des planches (assets/vitrine/*.png). Parent .vt */
.vt{--e:cubic-bezier(.2,.8,.2,1); /* @kind other */
--wall:radial-gradient(120% 70% at 15% 0%,#E7B98F 0%,transparent 60%),radial-gradient(90% 60% at 100% 35%,#B4614A 0%,transparent 65%),radial-gradient(120% 80% at 30% 100%,#6E4B3F 0%,transparent 70%),linear-gradient(160deg,#D59A76 0%,#9C5A48 55%,#5A3D35 100%); /* @kind color */
font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-align:left}
.ph{--s:.8; /* @kind other */
position:relative;width:calc(393px * var(--s));height:calc(852px * var(--s))}
.vt .ph-in{position:absolute;left:0;top:0;width:393px;height:852px;transform:scale(var(--s));transform-origin:0 0;border-radius:56px;overflow:hidden;background:#FAF7F1;box-shadow:0 0 0 10px #1d1813,0 0 0 11.5px #4a4036,0 70px 90px -40px rgba(54,43,28,.5);isolation:isolate}
.vt .ile{position:absolute;top:11px;left:50%;width:124px;height:36px;margin-left:-62px;border-radius:20px;background:#000;z-index:20}
.vt .sb{position:absolute;top:0;left:0;right:0;z-index:2;height:56px;display:flex;align-items:center;justify-content:space-between;padding:4px 34px 0 50px;font:600 17px -apple-system,system-ui,sans-serif;color:#fff}
.vt .sb i{position:relative;width:27px;height:13px;border-radius:4px;border:1.5px solid currentColor;opacity:.9}.vt .sb i:after{content:"";position:absolute;inset:1.5px 5px 1.5px 1.5px;border-radius:2px;background:currentColor}
.vt .hb{position:absolute;bottom:8px;left:50%;z-index:2;width:134px;height:5px;margin-left:-67px;border-radius:3px;background:#fff;opacity:.85}
.vt .sc{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.04);transition:opacity .6s var(--e) .1s,transform .8s var(--e) .1s,visibility 0s .9s}
.vt .sc.on{opacity:1;visibility:visible;transform:none;transition:opacity .6s var(--e),transform .8s var(--e),visibility 0s}
.vt .ecr{position:absolute;left:0;top:0;width:393px;height:852px}
.vt .heure-app{position:absolute;top:13px;left:36px;z-index:3;min-width:62px;height:30px;padding:0 6px;background:rgb(240,219,186);font:600 17px/30px -apple-system,system-ui,sans-serif;color:#362B1C;text-align:center}
.vt .sc-home{background:var(--wall)}
.vt .wg-slot{position:absolute;top:64px;left:20px;width:353px;height:165px;border-radius:23px;box-shadow:0 14px 34px rgba(30,5,2,.25)}
.vt .wg-i{position:absolute;inset:0;width:100%;height:100%;border-radius:23px;opacity:0;transition:opacity .9s var(--e)}.vt .wg-i.on{opacity:1}
.vt .wg-2{top:246px}
.vt .apps{position:absolute;top:446px;left:30px;right:30px;display:grid;grid-template-columns:repeat(4,62px);justify-content:space-between;row-gap:30px}.vt .apps i:nth-child(n+5){display:none}
.vt .apps i{width:62px;height:62px;border-radius:16px;background:rgba(255,255,255,.2)}.vt .apps .mora{background:url(40-icone-grenadine.png) center/cover;box-shadow:0 6px 16px rgba(0,0,0,.2)}
.vt .dock{position:absolute;left:12px;right:12px;bottom:22px;height:92px;padding:0 18px;border-radius:36px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:space-between}.vt .dock i{width:62px;height:62px;border-radius:16px;background:rgba(255,255,255,.24)}
.vt .nt{position:absolute;left:10px;right:10px;z-index:15;display:flex;gap:12px;align-items:flex-start;padding:14px 16px 14px 14px;border-radius:26px;background:rgba(250,247,241,.84);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:0 14px 36px rgba(54,43,28,.24);color:#1d1813}
.vt .nt>div{flex:1;min-width:0}.vt .nt img{flex:none;width:40px;height:40px;border-radius:10px}
.vt .nt-h{display:flex;justify-content:space-between;font:500 13px -apple-system,system-ui,sans-serif;color:#6e655b;white-space:nowrap}.vt .nt-h b{font-weight:600;color:#1d1813}
.vt .nt strong{display:block;margin-top:1px;font:600 16px/1.3 -apple-system,system-ui,sans-serif}.vt .nt .x{font:15px/1.3 -apple-system,system-ui,sans-serif}
.vt .nt.dans{top:420px;opacity:0;transform:translateY(30px) scale(.96);transition:opacity .4s,transform .6s var(--e)}.vt .nt.dans.vu{opacity:1;transform:none}.vt .nt.dans.appui{transform:scale(.95)}