.quickLinksSection{
  position:absolute;
  z-index:24;
  left:50%;
  top:8px;
  width:max-content;
  max-width:calc(100vw - 430px);
  transform:translateX(-50%);
}
.quickLinksSection{display:none!important}
.quickLinksGrid{
  display:grid;
  grid-template-columns:repeat(6,94px);
  gap:12px;
}

/* Keep the whole link target, but remove the visible outer card shell. */
.quickLinkCard{
  position:relative;
  display:grid;
  min-width:0;
  width:94px;
  height:116px;
  place-items:center;
  align-content:center;
  gap:8px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#60436a;
  text-decoration:none;
  backdrop-filter:none;
}
.quickLinkCard::before{content:none}
.quickLinkCard:hover{
  z-index:2;
  border-color:transparent;
  background:transparent;
  box-shadow:none;
  transform:none;
}
.quickLinkCard:focus-visible{
  outline:3px solid #dca9e6;
  outline-offset:3px;
  border-radius:14px;
}

.quickIcon{
  position:relative;
  display:grid;
  width:54px;
  height:54px;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(137,92,150,.10);
  border-radius:14px;
  background:linear-gradient(145deg,#eddbf1,#d4a6dd);
  box-shadow:0 5px 14px rgba(80,50,90,.10);
  transition:transform .22s ease,box-shadow .22s ease;
}
.quickIcon img,.quickIconFallback{position:absolute;inset:0;width:100%;height:100%}
.quickIcon img{
  z-index:2;
  display:block;
  object-fit:cover;
  transition:transform .25s ease;
}
.quickIcon img.failed{display:none}
.quickIconFallback{
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#e9c9ef,#b978c6);
  color:#fff;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}
.quickLinkCard:hover .quickIcon{
  transform:translateY(-1px);
  box-shadow:0 7px 16px rgba(80,50,90,.13);
}
.quickLinkCard:hover .quickIcon img{transform:scale(1.045)}

.quickLinkLabel{
  position:relative;
  z-index:3;
  display:-webkit-box;
  width:100%;
  overflow:hidden;
  font-family:"Jua",sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:1.2;
  letter-spacing:0;
  text-align:center;
  word-break:keep-all;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

/* Arrow remains in the current DOM for compatibility, but is never rendered. */
.quickLinkArrow{display:none}

/* Uploaded LIVE artwork replaces only the first quick-link icon visually; its URL stays untouched. */
.quickLink-1 .quickIcon{background:#fff url("assets/quick-live.jpg") center/cover no-repeat}
.quickLink-1 .quickIcon .quickIconFallback,
.quickLink-1 .quickIcon>img{display:none}

@media(max-width:1200px){
  .quickLinksSection{max-width:calc(100vw - 330px)}
  .quickLinksGrid{grid-template-columns:repeat(6,88px);gap:10px}
  .quickLinkCard{width:88px;height:110px}
  .quickIcon{width:52px;height:52px}
}
@media(min-width:901px) and (max-width:1500px){
  .quickLinksSection{top:92px}
}
@media(max-width:900px){
  body:not(.scheduleOpen){overflow:auto}
  .hero{height:auto;min-height:930px}
  .carouselScene{top:320px}
  .quickLinksSection{top:108px;width:max-content;max-width:calc(100% - 24px)}
  .quickLinksGrid{grid-template-columns:repeat(3,90px);gap:10px}
  .quickLinkCard{width:90px;height:110px}
  .quickIcon{width:54px;height:54px}
  .musicDock{bottom:58px}
}
@media(max-width:520px){
  .hero{min-height:1080px}
  .carouselScene{top:310px}
  .quickLinksSection{top:108px;max-width:calc(100% - 16px)}
  .quickLinksGrid{grid-template-columns:repeat(3,88px);gap:9px}
  .quickLinkCard{width:88px;height:108px}
  .quickIcon{width:55px;height:55px;border-radius:15px}
  .quickLinkLabel{font-size:13px;line-height:1.2}
}
@media(max-width:360px){
  .quickLinksGrid{grid-template-columns:repeat(3,84px);gap:8px}
  .quickLinkCard{width:84px;height:106px}
  .quickIcon{width:52px;height:52px}
}