
/* ==================================================
   STUDIO NOX PATCH 016 — FINAL ONLINE STABILISIERUNG
   - Hintergrund fix und ruhig
   - Profilanimation/Hintergrundbewegung aus
   - Damenprofil Layout stabil
   - Responsive/Mobile Fix
   - Preise nicht umbrechen
   ================================================== */

*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;min-width:320px;overflow-x:hidden!important;background-color:#071A2D!important;background-image:linear-gradient(rgba(7,26,45,.72),rgba(7,26,45,.86)),url("../images/nox-lounge-bg.png")!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important}
main,.page,.nox-page,.nox-main,.nox-shell,.nox-content,.nox-app,.site-wrapper{background:transparent!important;max-width:100%}
img,video,canvas,svg{max-width:100%;height:auto}
body::before,body::after,.nox-bg,.bg-animation,.background-animation,.animated-bg,.nox-particles,.particles,.particle-layer,.glow-layer,.light-layer,.nox-orbs,.orb-layer,.nox-profile-rays,.nox-profile-stage::before,.nox-profile-stage::after{animation:none!important;display:none!important;opacity:0!important}
.nox-profile-explosion,.nox-profile-stage{background-color:#071A2D!important;background-image:linear-gradient(rgba(7,26,45,.76),rgba(7,26,45,.88)),url("../images/nox-lounge-bg.png")!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important}
.nox-profile-shade{background:rgba(7,26,45,.28)!important;backdrop-filter:blur(3px) saturate(1.03)!important}
.nox-fragment,.nox-fragment.is-in{animation:none!important;filter:none!important;opacity:1!important}
.nox-price-nowrap,.price,.price-value,.nox-price,.nox-duration-price strong,.price-card strong,.nox-price-card strong{white-space:nowrap!important;display:inline-block!important}

/* Damenprofil Desktop: sauberes 2-Spalten-Layout */
.nox-profile-stage{display:grid!important;grid-template-columns:minmax(280px,34%) 1fr!important;grid-template-rows:auto auto 1fr auto!important;gap:22px!important;padding:56px 38px 28px!important;overflow-y:auto!important;width:100vw!important;height:100vh!important}
.nox-fragment{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;height:auto!important;min-height:auto!important;max-width:100%!important;transform:none!important}
.nox-frag-portrait{grid-column:1!important;grid-row:1 / span 3!important}
.nox-frag-profile{grid-column:2!important;grid-row:1!important}
.nox-frag-availability{grid-column:2!important;grid-row:2!important}
.nox-frag-extras-wide{grid-column:2!important;grid-row:3!important}
.nox-frag-actions{grid-column:1 / -1!important;grid-row:4!important;display:flex!important;justify-content:center!important;gap:14px!important}
.nox-frag-prices{width:100%!important;margin-top:24px!important}
.nox-mini-price-grid,.nox-profile-extra-list,.nox-tags{display:flex!important;flex-wrap:wrap!important;gap:12px!important}
.nox-mini-price-grid span,.nox-profile-extra-list span,.nox-tags span{white-space:nowrap!important}
.nox-frag-profile h2{margin-bottom:18px!important}
.nox-frag-profile p,.nox-frag-availability p{max-width:100%!important;line-height:1.65!important}

/* Allgemein Responsive */
.nox-container,.nox-section,.nox-wrapper{width:min(1180px,calc(100vw - 32px))!important;margin-left:auto!important;margin-right:auto!important}
.nox-grid,.girls-grid,.damen-grid,.ladies-grid,.nox-ladies-grid,.service-grid,.price-grid,.nox-price-grid,.nox-price-grid-v2,.extra-grid,.nox-extra-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))!important;gap:clamp(14px,2vw,24px)!important}
a,button,.nox-btn,.btn,.cta,.nox-actions a,.nox-actions button{max-width:100%;white-space:normal;word-break:normal}
.nox-lady-card,.nox-lady-v2-card,.lady-card,.girl-card{width:100%!important;overflow:hidden!important;border-radius:28px!important}
.nox-lady-card img,.nox-lady-v2-card img,.lady-card img,.girl-card img{width:100%!important;height:auto!important;object-fit:cover!important;border-radius:0 0 28px 28px!important}
.nox-lady-v2-image,.nox-lady-image,.lady-image,.girl-image,.profile-image{overflow:hidden!important;border-radius:28px!important;background:radial-gradient(circle at center,rgba(0,109,115,.38),rgba(7,26,45,.95))!important}

/* Mobile */
@media(max-width:900px){
  .nox-profile-stage{display:grid!important;grid-template-columns:1fr!important;padding:72px 14px 24px!important;width:100vw!important;height:100dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
  .nox-frag-portrait,.nox-frag-profile,.nox-frag-availability,.nox-frag-extras-wide,.nox-frag-actions{grid-column:1!important;grid-row:auto!important}
  .nox-frag-actions{display:grid!important;grid-template-columns:1fr!important}
  .nox-frag-actions a{min-width:0!important;width:100%!important}
}
@media(max-width:760px){
  body{font-size:15px}
  .nox-container,.nox-section,.nox-wrapper{width:calc(100vw - 24px)!important}
  header,nav,.nox-nav,.site-nav{max-width:100vw!important;overflow-x:auto!important}
  .nox-grid,.girls-grid,.damen-grid,.ladies-grid,.nox-ladies-grid,.service-grid,.price-grid,.nox-price-grid,.nox-price-grid-v2,.extra-grid,.nox-extra-grid{grid-template-columns:1fr!important}
  .hero,.nox-hero,.start-hero{min-height:auto!important;padding:88px 14px 42px!important}
  h1,.hero-title,.nox-title{font-size:clamp(2rem,12vw,3.8rem)!important;line-height:.98!important;letter-spacing:.05em!important}
  h2{font-size:clamp(1.45rem,8vw,2.5rem)!important}
  .nox-actions,.actions,.cta-row,.button-row{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .nox-actions a,.nox-actions button,.btn,.nox-btn{width:100%!important;justify-content:center!important;text-align:center!important}
  .nox-profile-close{top:12px!important;right:12px!important;width:44px!important;height:44px!important;z-index:999999!important}
}
@media(max-width:390px){
  .nox-container,.nox-section,.nox-wrapper{width:calc(100vw - 18px)!important}
  .nox-fragment{padding:14px!important;border-radius:20px!important}
}
