.hh-nz-launch { position: relative; background: linear-gradient(110deg,#eee5ff,#f4f0ff 55%,#def7f3); border-bottom: 1px solid #ded0f0; }
.hh-nz-launch-inner { display: grid; grid-template-columns: 80px minmax(0,1fr) auto; align-items: center; gap: 20px; padding-block: 12px; }
.hh-nz-launch-art { display: grid; place-items: center; }
.hh-nz-launch-art img { display: block; width: 80px; height: 88px; object-fit: contain; }
.hh-nz-launch-copy > span { display: block; margin-bottom: 4px; color: #5b21b6; font-size: .66rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.hh-nz-launch-copy > strong { display: block; color: #291447; font-size: 1.08rem; line-height: 1.35; }
.hh-nz-launch-copy p { margin: 5px 0 0; color: #594870; font-size: .76rem; line-height: 1.5; }
.hh-nz-launch-links { display: flex; gap: 9px; }
.hh-nz-launch-links a { display: flex; flex-direction: column; gap: 3px; padding: 12px 15px; border: 1px solid #d9c6f5; border-radius: 11px; background: #fff; color: #5420a0; font-weight: 750; font-size: .8rem; white-space: nowrap; box-shadow: 0 6px 14px -12px #4c1d9580; }
.hh-nz-launch-links small { color: #63566f; font-size: .7rem; font-weight: 500; }
.hh-nz-launch-links a:hover { border-color: #8d5dd2; background: #faf7ff; }
.hh-nz-launch a:focus-visible, .hh-nz-launcher a:focus-visible, .hh-nz-launcher button:focus-visible { outline: 3px solid #7a34ff; outline-offset: 4px; }
.hh-nz-launcher { position: fixed; bottom: 18px; left: 16px; width: 126px; z-index: 80; }
.hh-nz-launcher[hidden] { display: none; }
.hh-nz-launcher a { display: grid; justify-items: center; color: #fff; }
.hh-nz-launcher img { display: block; width: 116px; height: 124px; object-fit: contain; filter: drop-shadow(0 6px 10px #32105a30); }
.hh-nz-launcher span { display: block; padding: 8px 10px; border: 1px solid #ffffff50; border-radius: 10px; background: linear-gradient(130deg,#6d28d9,#4c1d95); color: #fff; text-align: center; box-shadow: 0 8px 22px -12px #32105a90; }
.hh-nz-launcher small { display: block; color: #d5fbf1; font-size: .58rem; letter-spacing: .07em; text-transform: uppercase; font-weight: 750; }
.hh-nz-launcher strong { display: block; color: #fff; font-size: .74rem; }
.hh-nz-launcher button { position: absolute; top: 0; right: -8px; display: grid; place-items: center; width: 32px; height: 32px; border: 2px solid #fff; border-radius: 50%; color: #fff; background: #38156b; font-size: 1.3rem; line-height: 1; box-shadow: 0 5px 12px #32105a30; }
body:has(.hh-pref-panel) .hh-nz-launcher { display: none; }
@media (max-width:1100px) { .hh-nz-launch-inner { grid-template-columns: 66px minmax(0,1fr); gap: 10px 18px; } .hh-nz-launch-art { grid-row: 1 / 3; } .hh-nz-launch-art img { width: 66px; height: 84px; } .hh-nz-launch-links { grid-column: 2; flex-wrap: wrap; } .hh-nz-launch-links a { padding: 8px 12px; flex-direction: row; align-items: center; gap: 8px; } }
@media (max-width:900px) { .hh-nz-launcher { display: none; } }
@media (max-width:560px) { .hh-nz-launch-inner { padding: 16px 20px; grid-template-columns: 54px minmax(0,1fr); gap: 10px 12px; } .hh-nz-launch-art { grid-row: 1; } .hh-nz-launch-art img { width: 54px; height: 70px; } .hh-nz-launch-copy > strong { font-size: .95rem; } .hh-nz-launch-copy p { font-size: .7rem; } .hh-nz-launch-links { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; } .hh-nz-launch-links a { padding: 9px 5px; flex-direction: column; gap: 2px; align-items: center; font-size: .74rem; } .hh-nz-launch-links small { font-size: .65rem; } }