/* Suggestion form only. Record Shop layout lives in music-record-shop.css. */
body.music-store-page .music-suggestion-box{max-width:1040px;margin:0 auto 22px;padding:17px;border:1px solid rgba(239,198,110,.3);border-radius:10px;background:#0b1119;box-shadow:0 7px 20px #000}
body.music-store-page .music-suggestion-inner{display:grid;grid-template-columns:.75fr 1.25fr;gap:20px}
body.music-store-page .music-suggestion-copy small{color:var(--shop-gold);font-size:9px;font-weight:900;letter-spacing:.13em}
body.music-store-page .music-suggestion-copy h2{margin:5px 0 6px;font:900 22px Georgia,serif}
body.music-store-page .music-suggestion-copy p{margin:0;color:#adbac2;font-size:12px;line-height:1.45}
body.music-store-page .music-suggestion-form{display:grid;gap:8px}
body.music-store-page .music-suggestion-form label{display:grid;gap:4px;color:#e2e8eb;font-size:11px;font-weight:800}
body.music-store-page .music-suggestion-form select,body.music-store-page .music-suggestion-form textarea{width:100%;padding:8px 10px;border:1px solid #315663;border-radius:5px;background:#070d14;color:#fff;font-size:12px}
body.music-store-page .music-suggestion-form textarea{min-height:72px;resize:vertical}
body.music-store-page .music-suggestion-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body.music-store-page .music-suggestion-send{min-height:32px;padding:0 12px;border:1px solid var(--shop-gold);border-radius:5px;background:#3e2c12;color:#ffe8a8;font-size:10px;font-weight:900}
body.music-store-page .music-suggestion-send:disabled{opacity:.5}
body.music-store-page .music-suggestion-privacy{color:#91a0a7;font-size:10px}
body.music-store-page .music-suggestion-status{min-height:14px;color:var(--shop-cyan);font-size:11px}
body.music-store-page .music-suggestion-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:760px){body.music-store-page .music-suggestion-box{margin:0 14px 22px}body.music-store-page .music-suggestion-inner{grid-template-columns:1fr}}

/* Final Record Shop composition pass: symmetrical machines and V guitars. */
@media(min-width:981px){
  body.music-store-page .music-shop{position:relative}
  body.music-store-page .record-store-room{padding-bottom:172px}

  /* Push the two working stations apart and keep their top edges perfectly aligned. */
  body.music-store-page .music-store-stage{
    position:relative;
    grid-template-columns:clamp(500px,39vw,570px) clamp(440px,35vw,500px);
    justify-content:space-between;
    gap:clamp(150px,12vw,220px);
    width:96%;
    max-width:1540px;
    margin:82px auto 0
  }
  body.music-store-page .jukebox-zone,
  body.music-store-page .album-builder{
    margin-top:155px;
    position:relative;
    z-index:3
  }
  body.music-store-page .album-builder{transform:none}

  /* Quick-use instructions remain up front instead of living below the room. */
  body.music-store-page .music-store-explainer{
    position:absolute;z-index:7;top:432px;left:50%;transform:translateX(-50%);
    width:min(720px,56vw);max-width:none;margin:0;gap:8px
  }
  body.music-store-page .music-store-explainer>div{
    min-height:56px;padding:9px 10px 9px 40px;border-color:#355466;
    background:linear-gradient(180deg,rgba(12,20,29,.96),rgba(6,11,18,.96));
    box-shadow:0 7px 16px rgba(0,0,0,.42),inset 0 0 18px rgba(48,234,255,.035)
  }
  body.music-store-page .music-store-explainer span{left:10px;top:15px;width:23px;height:23px}
  body.music-store-page .music-store-explainer strong{font-size:12px}
  body.music-store-page .music-store-explainer p{margin-top:3px!important;font-size:9px!important;line-height:1.22!important}

  /* Two guitars meet body-to-body over the center gap, with their necks opening into a V. */
  body.music-store-page .stage-guitar-pair{
    position:absolute;z-index:2;top:-34px;left:50%;width:390px;height:330px;
    transform:translateX(-50%);pointer-events:none
  }
  body.music-store-page .stage-guitar{
    position:absolute;top:-18px;width:190px;height:330px;object-fit:contain;
    transform-origin:50% 76%;
    filter:drop-shadow(0 12px 14px rgba(0,0,0,.78)) drop-shadow(0 0 12px rgba(48,234,255,.18))
  }
  body.music-store-page .stage-guitar-left{
    left:8px;
    transform:scaleX(-1) rotate(-7deg);
    filter:drop-shadow(0 12px 14px rgba(0,0,0,.78)) drop-shadow(0 0 12px rgba(255,72,189,.3))
  }
  body.music-store-page .stage-guitar-right{
    right:8px;
    transform:scaleX(-1) rotate(7deg);
    filter:drop-shadow(0 12px 14px rgba(0,0,0,.78)) drop-shadow(0 0 12px rgba(48,234,255,.32))
  }


  body.music-store-page .jukebox,
  body.music-store-page .jukebox-note,
  body.music-store-page .jukebox-find-panel,
  body.music-store-page .album-panel{position:relative;z-index:3}
}

@media(min-width:981px) and (max-width:1200px){
  body.music-store-page .music-store-stage{
    grid-template-columns:minmax(0,1fr) minmax(0,.92fr);
    gap:90px;width:96%;margin-top:70px
  }
  body.music-store-page .jukebox-zone,
  body.music-store-page .album-builder{margin-top:142px}
  body.music-store-page .stage-guitar-pair{width:330px;height:290px;top:-28px}
  body.music-store-page .stage-guitar{width:160px;height:285px}
  body.music-store-page .music-store-explainer{width:76vw}
}

@media(max-width:980px){
  body.music-store-page .stage-guitar-pair{display:none}
}

/* 2026-09-18 final visual nudge: lower guitars/album, deepen jukebox + instruction cards, shift intro right. */
@media(min-width:981px){
  body.music-store-page .stage-guitar-pair{top:-8px}
  body.music-store-page .stage-guitar{top:6px}

  body.music-store-page .album-builder{margin-top:166px}


  body.music-store-page .music-shop-intro{transform:translateX(34px)}

  body.music-store-page .jukebox{
    box-shadow:
      inset 0 0 0 5px #10171f,
      inset 0 0 0 9px #c9d4d5,
      inset 0 -18px 28px rgba(0,0,0,.42),
      0 24px 34px rgba(0,0,0,.72),
      0 0 30px rgba(48,234,255,.18),
      0 0 18px rgba(255,72,189,.12);
    filter:drop-shadow(0 10px 7px rgba(0,0,0,.34))
  }
  body.music-store-page .jukebox-arch{
    box-shadow:
      inset 0 0 0 7px #151b24,
      inset 0 0 0 15px var(--shop-pink),
      inset 0 0 0 23px #36f0e4,
      inset 0 0 19px 27px rgba(143,77,200,.2),
      0 10px 18px rgba(0,0,0,.28)
  }
  body.music-store-page .jukebox-title-window{
    box-shadow:
      0 0 0 2px #20272d,
      0 9px 15px rgba(0,0,0,.72),
      inset 0 2px 2px rgba(255,255,255,.14),
      inset 0 -3px 6px rgba(0,0,0,.5)
  }
  body.music-store-page .jukebox-selection-display{
    box-shadow:
      inset 0 2px 3px rgba(255,255,255,.04),
      inset 0 -4px 8px rgba(0,0,0,.42),
      0 5px 10px rgba(0,0,0,.28)
  }
  body.music-store-page .jukebox-action.add{
    box-shadow:
      inset 0 1px 1px rgba(255,255,255,.16),
      inset 0 -5px 8px rgba(0,0,0,.35),
      0 6px 12px rgba(0,0,0,.34),
      0 0 10px rgba(255,72,189,.22)
  }

  body.music-store-page .music-store-explainer>div{
    border:1px solid rgba(79,133,160,.72);
    border-bottom-color:rgba(10,20,29,.95);
    background:
      linear-gradient(180deg,rgba(27,40,54,.98) 0%,rgba(12,21,31,.98) 48%,rgba(5,10,17,.99) 100%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.16),
      inset 0 -5px 10px rgba(0,0,0,.4),
      0 8px 0 rgba(3,8,13,.72),
      0 14px 22px rgba(0,0,0,.42),
      0 0 15px rgba(48,234,255,.08)
  }
  body.music-store-page .music-store-explainer>div::after{
    content:"";
    position:absolute;
    left:8px;right:8px;top:3px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);
    pointer-events:none
  }
  body.music-store-page .music-store-explainer span{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.18),
      0 3px 7px rgba(0,0,0,.55),
      0 0 8px rgba(48,234,255,.16)
  }
}

@media(min-width:981px) and (max-width:1200px){
  body.music-store-page .stage-guitar-pair{top:-2px}
  body.music-store-page .stage-guitar{top:6px}
  body.music-store-page .album-builder{margin-top:151px}
  body.music-store-page .music-shop-intro{transform:translateX(24px)}
}

/* 2026-09-18 micro-position pass requested after visual review. */
@media(min-width:981px){
  /* Shrink the album visually ~12% while keeping its right edge anchored. */
  body.music-store-page .album-builder{
    transform:scale(.88);
    transform-origin:top right
  }


  /* Give Shiggles' hand more breathing room by moving the intro card right. */
  body.music-store-page .music-shop-intro{
    right:4.5%;
    transform:none
  }

  /* Nudge the main Record Shop sign left to nearly align with the header brand. */
  body.music-store-page .music-shop-sign{
    left:4%
  }
}

@media(min-width:981px) and (max-width:1200px){
  body.music-store-page .album-builder{
    transform:scale(.9);
    transform-origin:top right
  }
  body.music-store-page .music-shop-intro{right:2.5%;transform:none}
  body.music-store-page .music-shop-sign{left:3.5%}
}

/* 2026-09-18 final alignment: album left/down, brighter finder title. */
@media(min-width:981px){
  body.music-store-page .album-builder{
    left:-24px;
    top:12px
  }

  body.music-store-page .jukebox-find-head span{
    color:var(--shop-lime)!important;
    font-size:15px!important;
    line-height:1!important;
    letter-spacing:.12em!important;
    text-shadow:
      0 0 5px rgba(202,255,89,.95),
      0 0 11px rgba(202,255,89,.6),
      0 0 18px rgba(202,255,89,.3)
  }
}

@media(min-width:981px) and (max-width:1200px){
  body.music-store-page .album-builder{
    left:-16px;
    top:10px
  }
  body.music-store-page .jukebox-find-head span{
    font-size:14px!important
  }
}

/* 2026-09-18 final wall-line alignment + non-shifting search results. */
@media(min-width:981px){
  /* Pull album close to the vertical wall seam while keeping a small breathing gap. */
  body.music-store-page .album-builder{
    left:-36px
  }

  /* Search suggestions float above the room instead of increasing page height. */
  body.music-store-page .jukebox-find-panel{
    position:relative;
    overflow:visible;
    z-index:20
  }
  body.music-store-page .jukebox-find-results{
    position:absolute;
    z-index:80;
    left:10px;
    right:10px;
    top:66px;
    margin-top:0;
    max-height:220px;
    overflow-y:auto;
    box-shadow:0 12px 24px rgba(0,0,0,.78),0 0 14px rgba(48,234,255,.14)
  }
}

@media(min-width:981px) and (max-width:1200px){
  body.music-store-page .album-builder{left:-20px}
}

/* 2026-09-18 compact finder dropdown + tiny album drop. */
@media(min-width:981px){
  /* Keep the left alignment exactly where it is, just lower the album a touch. */
  body.music-store-page .album-builder{
    top:20px
  }

  /* Finder results stay as an overlay, but compact enough not to swallow the room. */
  body.music-store-page .jukebox-find-results{
    top:58px;
    left:10px;
    right:10px;
    max-height:126px;
    overflow-y:auto;
    padding:4px;
    border-color:#3d6570;
    background:rgba(7,14,22,.985);
    box-shadow:
      0 12px 22px rgba(0,0,0,.78),
      0 0 12px rgba(48,234,255,.12)
  }
  body.music-store-page .jukebox-find-results button{
    min-height:27px;
    padding:5px 7px;
    font-size:10px!important;
    line-height:1.15!important
  }
}

@media(min-width:981px) and (max-width:1200px){
  body.music-store-page .album-builder{top:18px}
  body.music-store-page .jukebox-find-results{max-height:118px}
}

/* 2026-09-18 final album micro-nudge for guitar-V alignment. */
@media(min-width:981px){
  body.music-store-page .album-builder{top:38px}
}
@media(min-width:981px) and (max-width:1200px){
  body.music-store-page .album-builder{top:34px}
}

/* 2026-09-18 album size micro-adjustment: preserve top/left, grow right/down. */
@media(min-width:981px){
  body.music-store-page .album-builder{
    transform:scale(.94);
    transform-origin:top left
  }
}
@media(min-width:981px) and (max-width:1200px){
  body.music-store-page .album-builder{
    transform:scale(.96);
    transform-origin:top left
  }
}


/* Keep the suggestion box visually above the pulled-up lower-room layers. */
body.music-store-page .music-suggestion-box{
  position:relative;
  z-index:14;
}


/* 2026-09-18 suggestion box now lives between the banner and featured picks. */
@media(min-width:981px){
  body.music-store-page .music-suggestion-box{
    max-width:920px;
    margin:-112px auto 16px!important;
    position:relative;
    z-index:16;
  }
  body.music-store-page .record-bin-row{
    margin-top:0!important;
  }
}
@media(min-width:981px) and (max-width:1200px){
  body.music-store-page .music-suggestion-box{
    max-width:880px;
    margin-top:-96px!important;
  }
}


/* 2026-09-18 widen and lift suggestion box. */
@media(min-width:981px){
  body.music-store-page .music-suggestion-box{
    width:min(1105px,calc(100% - 56px));
    max-width:none;
    margin-top:-124px!important;
  }
}
@media(min-width:981px) and (max-width:1200px){
  body.music-store-page .music-suggestion-box{
    width:min(1040px,calc(100% - 44px));
    margin-top:-108px!important;
  }
}


/* 2026-09-18 final breathing-room nudge above featured picks. */
@media(min-width:981px){
  body.music-store-page .music-suggestion-box{
    transform:translateY(-22px);
  }
}
@media(min-width:981px) and (max-width:1200px){
  body.music-store-page .music-suggestion-box{
    transform:translateY(-18px);
  }
}