/* V21 — compact luxury audio control: stays inside the 82px header */
.sound-wrap{display:flex!important;align-items:center!important;gap:9px!important;position:relative!important;height:100%!important;max-height:82px!important}
.sound{
  min-width:116px!important;width:auto!important;height:38px!important;padding:0 15px!important;border-radius:999px!important;
  border:1px solid rgba(228,39,68,.28)!important;
  background:linear-gradient(145deg,rgba(24,11,14,.9),rgba(8,6,8,.94))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),inset 0 -10px 24px rgba(95,0,18,.08),0 7px 22px rgba(0,0,0,.28),0 0 16px rgba(219,26,57,.045)!important;
  color:#eadcdf!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important;transform:none!important
}
.sound:hover,.sound[aria-pressed="true"]{border-color:rgba(242,54,84,.5)!important;background:linear-gradient(145deg,rgba(31,12,17,.94),rgba(9,6,8,.96))!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 8px 24px rgba(0,0,0,.32),0 0 18px rgba(235,34,67,.09)!important;transform:none!important}
.sound #soundIcon{font:500 13px/1 "Noto Sans",sans-serif!important;letter-spacing:-2.6px!important;color:#f03557!important;text-shadow:0 0 7px rgba(240,53,87,.55)!important;transform:translateX(-1px)!important}
.sound span:last-child{display:inline!important;font:600 7px/1 "Noto Sans",sans-serif!important;letter-spacing:2.15px!important;color:#ddcfd2!important;white-space:nowrap!important}
.volume-panel{
  position:relative!important;width:218px!important;min-width:218px!important;height:42px!important;padding:6px 13px 6px 16px!important;
  display:grid!important;grid-template-columns:57px 1fr!important;grid-template-rows:16px 14px!important;column-gap:11px!important;row-gap:0!important;align-content:center!important;align-items:center!important;
  border:1px solid rgba(225,37,67,.25)!important;border-radius:9px!important;
  background:linear-gradient(135deg,rgba(21,9,12,.91),rgba(7,6,7,.94))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),inset 0 0 20px rgba(115,0,20,.055),0 7px 22px rgba(0,0,0,.28)!important;
  backdrop-filter:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;overflow:visible!important
}
.volume-panel::before{content:""!important;position:absolute!important;left:8px!important;top:9px!important;bottom:9px!important;width:1px!important;background:linear-gradient(180deg,transparent,rgba(238,42,73,.48),transparent)!important;box-shadow:0 0 6px rgba(238,42,73,.2)!important}
.volume-head{display:contents!important}
.volume-head span{grid-column:1!important;grid-row:1 / 3!important;align-self:center!important;font:600 6px/1 "Noto Sans",sans-serif!important;letter-spacing:2px!important;color:#89777c!important;white-space:nowrap!important}
.volume-head strong{grid-column:2!important;grid-row:1!important;justify-self:start!important;align-self:end!important;display:inline-flex!important;align-items:baseline!important;overflow:visible!important;font:500 13px/1 Cinzel,Georgia,serif!important;font-variant-numeric:tabular-nums!important;letter-spacing:.25px!important;color:#f3e6e8!important;text-shadow:0 0 9px rgba(239,43,75,.15)!important}
.volume-head strong::after{content:"%"!important;display:inline-block!important;margin-left:3px!important;font:600 6px/1 "Noto Sans",sans-serif!important;color:#ef3b59!important;vertical-align:1px!important;text-shadow:0 0 6px rgba(239,59,89,.3)!important}
#volumeSlider{grid-column:2!important;grid-row:2!important;width:100%!important;height:12px!important;margin:0!important;padding:0!important;appearance:none!important;-webkit-appearance:none!important;background:transparent!important;outline:none!important;cursor:pointer!important;--vol:45%}
#volumeSlider::-webkit-slider-runnable-track{height:3px!important;border-radius:999px!important;background:linear-gradient(90deg,#e91f47 0 var(--vol),rgba(255,255,255,.13) var(--vol) 100%)!important;box-shadow:0 0 7px rgba(233,31,71,.12)!important}
#volumeSlider::-webkit-slider-thumb{appearance:none!important;-webkit-appearance:none!important;width:11px!important;height:11px!important;margin-top:-4px!important;border-radius:50%!important;border:1.5px solid #ffe9ed!important;background:#d91f41!important;box-shadow:0 0 0 2px rgba(229,31,67,.12),0 0 9px rgba(239,38,75,.42)!important;transform:none!important}
#volumeSlider::-moz-range-track{height:3px!important;border-radius:999px!important;background:rgba(255,255,255,.13)!important}
#volumeSlider::-moz-range-progress{height:3px!important;border-radius:999px!important;background:#e91f47!important}
#volumeSlider::-moz-range-thumb{width:9px!important;height:9px!important;border-radius:50%!important;border:1.5px solid #ffe9ed!important;background:#d91f41!important;box-shadow:0 0 0 2px rgba(229,31,67,.12),0 0 9px rgba(239,38,75,.42)!important}
@media(max-width:1180px) and (min-width:901px){.sound{min-width:104px!important;padding:0 12px!important}.sound span:last-child{letter-spacing:1.65px!important}.volume-panel{width:188px!important;min-width:188px!important;grid-template-columns:49px 1fr!important;padding-right:11px!important}.volume-head span{letter-spacing:1.4px!important}}
@media(max-width:900px){
  .sound-wrap{gap:0!important;max-height:none!important}
  .sound{min-width:42px!important;width:42px!important;height:38px!important;padding:0!important;border-radius:50%!important}
  .sound span:last-child{display:none!important}
  .sound #soundIcon{font-size:12px!important;transform:translateX(-1px)!important}
  .volume-panel{position:absolute!important;right:0!important;top:47px!important;width:224px!important;min-width:224px!important;height:50px!important;grid-template-columns:57px 1fr!important;grid-template-rows:18px 15px!important;padding:8px 13px 8px 16px!important;border-radius:10px!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-3px)!important;transition:opacity .16s ease,transform .16s ease,visibility .16s!important}
  .volume-panel.open,.volume-panel:focus-within{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
}
@media(max-width:420px){.volume-panel{right:-7px!important;width:min(224px,calc(100vw - 24px))!important;min-width:0!important}}

/* V22 — header-locked audio: volume overlay never participates in nav layout */
@media (min-width:901px){
  .sound-wrap{flex:0 0 auto!important;width:116px!important;min-width:116px!important;overflow:visible!important;isolation:isolate!important}
  .volume-panel{
    position:absolute!important;left:calc(100% + 10px)!important;right:auto!important;top:50%!important;
    width:206px!important;min-width:206px!important;height:42px!important;
    transform:translateY(-50%)!important;z-index:120!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transition:opacity .18s ease,visibility .18s ease!important;
  }
  .volume-panel.open,.volume-panel:focus-within{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(-50%)!important}
  .nav nav{flex:1 1 auto!important;justify-content:center!important;min-width:0!important;margin-left:18px!important;margin-right:18px!important}
}
@media (max-width:1180px) and (min-width:901px){
  .sound-wrap{width:104px!important;min-width:104px!important}
  .volume-panel{width:184px!important;min-width:184px!important;left:calc(100% + 8px)!important}
}
@media (max-width:900px){
  .sound-wrap{position:relative!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;overflow:visible!important}
  .volume-panel{
    position:absolute!important;left:calc(100% + 8px)!important;right:auto!important;top:50%!important;
    width:190px!important;min-width:190px!important;height:42px!important;
    grid-template-columns:50px 1fr!important;grid-template-rows:15px 13px!important;
    padding:6px 11px 6px 14px!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translateY(-50%)!important;z-index:2100!important;
    transition:opacity .16s ease,visibility .16s ease!important
  }
  .volume-panel.open,.volume-panel:focus-within{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(-50%)!important}
  .volume-head span{font-size:5.5px!important;letter-spacing:1.45px!important}
  .volume-head strong{font-size:12px!important}
}
@media (max-width:520px){
  .volume-panel{width:174px!important;min-width:174px!important;grid-template-columns:45px 1fr!important;column-gap:8px!important}
}
@media (max-width:380px){
  .volume-panel{width:158px!important;min-width:158px!important;left:calc(100% + 5px)!important;padding-right:9px!important}
  .volume-head span{letter-spacing:1px!important}
}
\n\n/* V23 — persistent luxury volume control. Button toggles music only; panel never opens/closes. */
.volume-panel,
.volume-panel.open,
.volume-panel:focus-within{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
@media (min-width:901px){
  .sound-wrap{width:342px!important;min-width:342px!important;gap:10px!important}
  .volume-panel{
    position:absolute!important;left:126px!important;right:auto!important;top:50%!important;
    width:206px!important;min-width:206px!important;height:42px!important;
    transform:translateY(-50%)!important;
  }
  .volume-panel.open,.volume-panel:focus-within{transform:translateY(-50%)!important}
  .nav nav{margin-left:18px!important;margin-right:18px!important}
}
@media (max-width:1180px) and (min-width:901px){
  .sound-wrap{width:298px!important;min-width:298px!important}
  .volume-panel{left:112px!important;width:176px!important;min-width:176px!important;grid-template-columns:45px 1fr!important;column-gap:8px!important}
}
@media (max-width:900px){
  .sound-wrap{width:232px!important;min-width:232px!important;flex:0 0 232px!important;gap:8px!important}
  .volume-panel{
    position:absolute!important;left:50px!important;right:auto!important;top:50%!important;
    width:174px!important;min-width:174px!important;height:38px!important;
    grid-template-columns:44px 1fr!important;grid-template-rows:14px 12px!important;
    padding:5px 9px 5px 12px!important;column-gap:7px!important;
    transform:translateY(-50%)!important;
  }
  .volume-panel.open,.volume-panel:focus-within{transform:translateY(-50%)!important}
}
@media (max-width:560px){
  .sound-wrap{width:188px!important;min-width:188px!important;flex-basis:188px!important}
  .volume-panel{left:48px!important;width:134px!important;min-width:134px!important;grid-template-columns:35px 1fr!important;column-gap:5px!important;padding-left:9px!important;padding-right:7px!important}
  .volume-head span{font-size:5px!important;letter-spacing:.8px!important}
  .volume-head strong{font-size:11px!important}
}
@media (max-width:400px){
  .sound-wrap{width:162px!important;min-width:162px!important;flex-basis:162px!important}
  .volume-panel{left:46px!important;width:111px!important;min-width:111px!important;grid-template-columns:0 1fr!important;column-gap:0!important;padding-left:8px!important}
  .volume-head span{display:none!important}
}

/* V24 — definitive persistent audio layout. No open/close state, no absolute panel. */
.nav .sound-wrap{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  gap:9px!important;position:relative!important;overflow:visible!important;
}
.nav .volume-panel,
.nav .volume-panel.open,
.nav .volume-panel:focus-within{
  position:static!important;inset:auto!important;display:grid!important;
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  transform:none!important;margin:0!important;z-index:auto!important;
}
@media (min-width:1181px){
  .nav .sound-wrap{width:334px!important;min-width:334px!important;flex:0 0 334px!important}
  .nav .sound{width:116px!important;min-width:116px!important;flex:0 0 116px!important}
  .nav .volume-panel{width:209px!important;min-width:209px!important;flex:0 0 209px!important}
}
@media (max-width:1180px) and (min-width:901px){
  .nav .sound-wrap{width:286px!important;min-width:286px!important;flex:0 0 286px!important}
  .nav .sound{width:102px!important;min-width:102px!important;flex:0 0 102px!important;padding:0 10px!important}
  .nav .volume-panel{width:175px!important;min-width:175px!important;flex:0 0 175px!important;grid-template-columns:43px 1fr!important;column-gap:7px!important}
}
@media (max-width:900px){
  .nav .sound-wrap{width:205px!important;min-width:205px!important;flex:0 0 205px!important;gap:7px!important;margin-left:auto!important;margin-right:4px!important}
  .nav .sound{width:38px!important;min-width:38px!important;height:36px!important;flex:0 0 38px!important;padding:0!important;border-radius:50%!important}
  .nav .sound span:last-child{display:none!important}
  .nav .volume-panel{width:160px!important;min-width:160px!important;height:38px!important;flex:0 0 160px!important;grid-template-columns:39px 1fr!important;grid-template-rows:14px 12px!important;column-gap:6px!important;padding:5px 8px 5px 10px!important}
  .nav .volume-head span{display:block!important;font-size:5px!important;letter-spacing:.75px!important}
  .nav .volume-head strong{font-size:11px!important}
}
@media (max-width:560px){
  .nav .brand span:last-child{display:none!important}
  .nav .sound-wrap{width:174px!important;min-width:174px!important;flex-basis:174px!important;gap:6px!important}
  .nav .sound{width:36px!important;min-width:36px!important;height:34px!important;flex-basis:36px!important}
  .nav .volume-panel{width:132px!important;min-width:132px!important;flex-basis:132px!important;grid-template-columns:0 1fr!important;column-gap:0!important;padding-left:8px!important;padding-right:7px!important}
  .nav .volume-head span{display:none!important}
}
@media (max-width:390px){
  .nav{padding-left:10px!important;padding-right:7px!important;gap:5px!important}
  .nav .sound-wrap{width:153px!important;min-width:153px!important;flex-basis:153px!important;gap:5px!important;margin-right:1px!important}
  .nav .sound{width:33px!important;min-width:33px!important;height:32px!important;flex-basis:33px!important}
  .nav .volume-panel{width:115px!important;min-width:115px!important;flex-basis:115px!important;padding-left:7px!important;padding-right:6px!important}
  .nav .hamb{font-size:19px!important;padding:3px!important}
}

/* V25 — remove obsolete divider artifact from the old floating volume panel. */
.nav .volume-panel::before{content:none!important;display:none!important}