/* LIVE 01: new discovery entry, preserving the original four-product collection. */
.catalogue-live { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:30px; margin:30px 0; background:linear-gradient(110deg,#fcf1d9,#fffefa); border:1px solid #e5d3a8; border-radius:24px; box-shadow:0 6px 24px #795e3210; }
.catalogue-live>div { max-width:730px; }
.catalogue-live .catalogue-live-label { color:var(--teal-deep); font:600 12px/1.7 'Space Grotesk','IBM Plex Sans Thai',sans-serif; letter-spacing:.1em; margin-bottom:10px; }
.catalogue-live h2 { font-size:26px; line-height:1.6; margin-bottom:12px; }
.catalogue-live-cta { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:13px 22px; flex-shrink:0; border:1px solid var(--teal-deep); border-radius:15px; background:var(--teal-deep); color:white; font-weight:600; text-decoration:none; box-shadow:inset 0 1px 0 #ffffff55,0 4px 0 #0f5268,0 9px 18px #0f2a3814; transition:transform .18s; }
.catalogue-live-cta:hover { transform:translateY(-2px); }
.catalogue-live-cta:active { transform:translateY(2px); }
.catalogue-live-cta:focus-visible { outline:3px solid #145eaa; outline-offset:5px; }
.site-nav .nav-live { white-space:nowrap; }
@media(min-width:1101px) and (max-width:1300px) { .site-header:has(.nav-live) .site-nav { gap:13px; } }
/* Open the existing hamburger earlier only where the extra Live navigation item is present. */
@media(min-width:901px) and (max-width:1100px) {
 .site-header:has(.nav-live) .nav-toggle { display:block; background:none; border:0; padding:8px; cursor:pointer; color:var(--ink); }
 .site-header:has(.nav-live) .site-nav { display:none; position:absolute; top:100%; left:0; right:0; flex-direction:column; align-items:stretch; gap:0; background:var(--cream); border-bottom:1px solid #0f2a381a; padding:8px 22px 18px; }
 .site-header:has(.nav-live) .site-nav.open { display:flex; }
 .site-header:has(.nav-live) .site-nav>a { padding:13px 4px; border-bottom:1px solid #0f2a380f; }
 .site-header:has(.nav-live) .site-nav>a.nav-trial { margin-top:14px; text-align:center; }
}
@media(max-width:900px) { .catalogue-live { flex-direction:column; align-items:flex-start; padding:24px; gap:22px; } .catalogue-live h2 { font-size:23px; } }
@media(prefers-reduced-motion:reduce) { .catalogue-live-cta { transition:none; } .catalogue-live-cta:hover,.catalogue-live-cta:active { transform:none; } }