/* THEME:juliafoxvip.site genB 20260721T224525Z — unique per-model palette + responsive */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&display=swap');
:root{
  --primary:#b03a5b!important; --secondary:#7c2139!important; --gold:#b03a5b!important;
  --bg:#100509!important; --text:#f5f5f5!important;
}
body,html,#root{background-color:#100509!important}
h1,h2,h3,h4,h5,h6,[class*="font-serif"]{font-family:'Cinzel',Georgia,serif!important}
a[class*="rounded-full"],button[class*="rounded-full"]{background:linear-gradient(135deg,#b03a5b,#e08ba3)!important;background-color:#b03a5b!important;color:#0b0b0e!important;border:none!important}
[class*="text-amber"],[class*="text-yellow"],[class*="text-gold"]{color:#b03a5b!important}

/* === ResponsivePlus v2 (tablet + mobile) === */
img,video{max-width:100%;height:auto}
html{-webkit-text-size-adjust:100%}
body,#root{overflow-x:hidden}
@supports(height:100svh){[class*="h-screen"]{height:100svh}}
/* Tablet 641-1024px */
@media (min-width:641px) and (max-width:1024px){
  [class*="grid-cols-3"],[class*="grid-cols-4"],[class*="grid-cols-5"],[class*="grid-cols-6"]{grid-template-columns:repeat(2,1fr)!important}
  h1,[class*="text-6xl"],[class*="text-7xl"],[class*="text-8xl"],[class*="text-9xl"]{font-size:clamp(2.2rem,6.5vw,4rem)!important}
  .wrap{width:min(1120px,94vw)}
}
/* Phone <=640px */
@media (max-width:640px){
  [class*="grid-cols-2"],[class*="grid-cols-3"],[class*="grid-cols-4"],[class*="grid-cols-5"],[class*="grid-cols-6"]{grid-template-columns:1fr!important}
  h1,h2,[class*="text-4xl"],[class*="text-5xl"],[class*="text-6xl"],[class*="text-7xl"],[class*="text-8xl"],[class*="text-9xl"]{font-size:clamp(1.85rem,9.5vw,3rem)!important;overflow-wrap:break-word;line-height:1.15!important}
  h3{font-size:clamp(1.15rem,6vw,1.6rem)!important}
  section{padding-left:4vw;padding-right:4vw}
  .wrap{width:94vw}
  a,button{max-width:100%!important;white-space:normal!important}
  [class*="flex"]{flex-wrap:wrap}
  table{display:block;overflow-x:auto}
}
@media (pointer:coarse){
  a,button,[role="button"],input[type="submit"]{min-height:44px}
}