/*
Theme Name: Billy's Ultimate Theme
Version: 4.0
*/

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}

body{
background:#050505;
font-family:Arial,sans-serif;
color:#fff;
overflow-x:hidden;
}

body:before{
content:"";
position:fixed;
inset:0;
background:
radial-gradient(circle at top right, rgba(255,140,0,.08), transparent 30%),
radial-gradient(circle at bottom left, rgba(255,60,0,.06), transparent 25%);
pointer-events:none;
z-index:-1;
}

.container{
width:min(92%,1300px);
margin:auto;
}

header{
position:fixed;
top:0;
width:100%;
z-index:999;
background:rgba(0,0,0,.92);
backdrop-filter:blur(8px);
border-bottom:1px solid rgba(255,140,0,.35);
}

.nav{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 0;
}

.logo img{
height:78px;
filter:drop-shadow(0 0 10px rgba(255,140,0,.4));
}

.desktop-nav{
display:flex;
gap:34px;
align-items:center;
}

.desktop-nav a{
color:#fff;
text-decoration:none;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
position:relative;
}

.desktop-nav a:after{
content:"";
position:absolute;
left:0;
bottom:-8px;
width:0;
height:2px;
background:#ff8c00;
transition:.3s;
}

.desktop-nav a:hover:after{
width:100%;
}

.call-btn{
background:linear-gradient(135deg,#d50000,#ff2a2a);
padding:14px 22px;
border-radius:10px;
font-weight:700;
color:#fff;
box-shadow:0 0 18px rgba(255,0,0,.4);
text-decoration:none;
}

.mobile-toggle{
display:none;
font-size:34px;
cursor:pointer;
}

.mobile-menu{
display:none;
flex-direction:column;
gap:18px;
padding:28px;
background:#000;
animation:slideDown .35s ease;
}

.mobile-menu.active{
display:flex;
}

.mobile-menu a{
color:#fff;
text-decoration:none;
font-weight:700;
text-transform:uppercase;
}

@keyframes slideDown{
from{opacity:0;transform:translateY(-20px)}
to{opacity:1;transform:translateY(0)}
}

.hero{
min-height:100vh;
display:flex;
align-items:center;
padding-top:130px;
background:
linear-gradient(to right, rgba(0,0,0,.94) 35%, rgba(0,0,0,.45)),
url('assets/hero.webp');
background-size:cover;
background-position:center;
position:relative;
}

.hero:after{
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:120px;
background:linear-gradient(to top,#050505,transparent);
}

.hero-grid{
display:grid;
grid-template-columns:1.1fr 1fr;
align-items:center;
gap:30px;
position:relative;
z-index:2;
}

.hero h1{
font-size:6rem;
line-height:.92;
font-weight:900;
text-transform:uppercase;
margin-bottom:24px;
text-shadow:0 0 18px rgba(0,0,0,.5);
}

.orange{
color:#ff8c00;
}

.hero p{
font-size:1.5rem;
margin-bottom:34px;
}

.hero-buttons{
display:flex;
gap:20px;
flex-wrap:wrap;
}

.btn-red,.btn-outline{
padding:18px 34px;
border-radius:12px;
font-weight:700;
text-decoration:none;
transition:.3s;
}

.btn-red{
background:linear-gradient(135deg,#d50000,#ff2a2a);
color:#fff;
box-shadow:0 0 18px rgba(255,0,0,.35);
}

.btn-red:hover{
transform:translateY(-3px);
box-shadow:0 0 24px rgba(255,0,0,.55);
}

.btn-outline{
border:2px solid #ff8c00;
color:#fff;
}

.btn-outline:hover{
background:#ff8c00;
color:#000;
}

.hero-image img{
width:100%;
max-width:640px;
filter:drop-shadow(0 0 28px rgba(0,0,0,.8));
}

.section{
padding:95px 0;
position:relative;
}

.section-divider{
height:2px;
background:linear-gradient(to right,transparent,#ff8c00,transparent);
margin:0 auto 60px;
width:80%;
opacity:.5;
}

.section-title{
text-align:center;
font-size:3rem;
margin-bottom:50px;
color:#ff8c00;
text-transform:uppercase;
font-weight:900;
}

.food-grid{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:20px;
}

.food-card{
background:#0e0e0e;
border:1px solid rgba(255,140,0,.25);
border-radius:18px;
padding:28px 16px;
text-align:center;
transition:.35s;
position:relative;
overflow:hidden;
}

.food-card:before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(135deg,rgba(255,140,0,.06),transparent);
opacity:0;
transition:.35s;
}

.food-card:hover{
transform:translateY(-8px) scale(1.02);
border-color:#ff8c00;
box-shadow:0 0 25px rgba(255,140,0,.12);
}

.food-card:hover:before{
opacity:1;
}

.food-icon{
font-size:3rem;
margin-bottom:14px;
filter:drop-shadow(0 0 8px rgba(255,140,0,.4));
}

.food-card h3{
color:#ff8c00;
margin-bottom:8px;
}

.banner-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:24px;
}

.banner{
background:#0b0b0b;
border:1px solid rgba(255,140,0,.35);
padding:42px;
border-radius:18px;
position:relative;
overflow:hidden;
}

.banner:before{
content:"";
position:absolute;
top:-50%;
right:-20%;
width:300px;
height:300px;
background:radial-gradient(circle,rgba(255,140,0,.12),transparent 70%);
}

.banner h2{
font-size:2.4rem;
margin-bottom:14px;
color:#ff8c00;
}

.info-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
}

.info-box{
background:#0c0c0c;
border:1px solid rgba(255,140,0,.18);
padding:36px;
border-radius:18px;
transition:.3s;
}

.info-box:hover{
transform:translateY(-5px);
border-color:#ff8c00;
}

.info-box h2{
font-size:2rem;
margin-bottom:18px;
color:#ff8c00;
}

.stars{
color:#ffb400;
font-size:1.3rem;
margin-bottom:12px;
}

.badge{
display:inline-block;
padding:10px 18px;
background:linear-gradient(135deg,#c40000,#ff2a2a);
border-radius:999px;
font-weight:700;
letter-spacing:1px;
margin-top:16px;
box-shadow:0 0 14px rgba(255,0,0,.35);
}

footer{
padding:50px 0;
background:#000;
border-top:1px solid rgba(255,140,0,.35);
text-align:center;
}

footer p{
margin:8px 0;
}

@media(max-width:1100px){

.food-grid{
grid-template-columns:repeat(3,1fr);
}

.hero h1{
font-size:4.8rem;
}

}

@media(max-width:768px){

.desktop-nav,.call-btn{
display:none;
}

.mobile-toggle{
display:block;
}

.hero{
padding-top:150px;
padding-bottom:90px;
min-height:auto;
}

.hero-grid{
grid-template-columns:1fr;
text-align:center;
}

.hero h1{
font-size:3.2rem;
}

.hero p{
font-size:1.2rem;
}

.hero-buttons{
justify-content:center;
}

.hero-image{
margin-top:30px;
}

.food-grid{
grid-template-columns:repeat(2,1fr);
}

.banner-grid{
grid-template-columns:1fr;
}

.info-grid{
grid-template-columns:1fr;
}

.logo img{
height:62px;
}

.section-title{
font-size:2.3rem;
}

}


/* FINAL MOBILE POLISH */

@media(max-width:768px){

.hero{
background:
linear-gradient(to bottom, rgba(0,0,0,.82), rgba(0,0,0,.9)),
url('assets/hero.webp') center center/cover no-repeat !important;
padding-top:120px !important;
padding-bottom:80px !important;
}

.hero-grid{
display:block !important;
}

.hero-image{
display:none !important;
}

.hero h1{
font-size:3.4rem !important;
line-height:.95 !important;
margin-bottom:20px !important;
text-shadow:0 0 18px rgba(0,0,0,.7);
}

.hero p{
max-width:90%;
margin:0 auto 28px auto !important;
}

.logo img{
height:52px !important;
}

.hero-buttons{
gap:14px !important;
}

.btn-red,.btn-outline{
padding:16px 24px !important;
font-size:1rem !important;
}

.mobile-toggle{
transition:.3s ease;
}

.mobile-toggle:hover{
transform:scale(1.1);
color:#ff8c00;
}

.section{
padding:70px 0 !important;
}

.food-card{
backdrop-filter:blur(3px);
}

}

/* floating call button */

.floating-call{
position:fixed;
right:18px;
bottom:18px;
background:linear-gradient(135deg,#d50000,#ff2a2a);
width:62px;
height:62px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:28px;
z-index:9999;
text-decoration:none;
color:#fff;
box-shadow:0 0 24px rgba(255,0,0,.45);
animation:pulse 2s infinite;
}

@keyframes pulse{
0%{transform:scale(1)}
50%{transform:scale(1.08)}
100%{transform:scale(1)}
}



.premium-icon{
display:flex;
justify-content:center;
align-items:center;
margin-bottom:16px;
filter:drop-shadow(0 0 10px rgba(255,140,0,.35));
opacity:.95;
}

.food-card{
background:linear-gradient(180deg,#0c0c0c,#080808);
border:1px solid rgba(255,140,0,.18);
}

.food-card:hover{
border-color:#ff8c00;
box-shadow:0 0 30px rgba(255,140,0,.14);
}

.food-card h3{
letter-spacing:.5px;
font-weight:800;
}



.food-icon-line{
display:flex;
justify-content:center;
align-items:center;
margin-bottom:18px;
}

.food-icon-line svg{
width:58px;
height:58px;
stroke:#ff8c00;
stroke-width:2.2;
fill:none;
stroke-linecap:round;
stroke-linejoin:round;
filter:drop-shadow(0 0 10px rgba(255,140,0,.35));
opacity:.95;
}



.food-premium-icon{
width:68px;
height:68px;
display:block;
margin:0 auto 14px;
stroke:#ff8c00;
fill:none;
stroke-width:2.4;
stroke-linecap:round;
stroke-linejoin:round;
filter:drop-shadow(0 0 12px rgba(255,140,0,.45));
}


.food-premium-icon{
width:82px;
height:82px;
display:block;
margin:0 auto 18px;
stroke:#ff8c00;
fill:none;
stroke-width:2.6;
stroke-linecap:round;
stroke-linejoin:round;
filter:drop-shadow(0 0 12px rgba(255,140,0,.45));
}


/* ===== PREMIUM MOBILE/DESKTOP REFINEMENT ===== */

.category-strip,
.food-categories,
.menu-categories{
display:flex;
justify-content:center;
align-items:stretch;
gap:18px;
flex-wrap:nowrap;
padding:28px 18px;
overflow-x:auto;
}

.category-card,
.food-card,
.menu-category{
background:linear-gradient(to bottom,#070707,#000);
border:1px solid rgba(255,140,0,.28);
border-radius:24px;
padding:26px 18px;
min-width:180px;
max-width:220px;
text-align:center;
box-shadow:0 0 20px rgba(255,140,0,.08);
transition:all .25s ease;
}

.category-card:hover,
.food-card:hover,
.menu-category:hover{
transform:translateY(-2px);
box-shadow:0 0 24px rgba(255,140,0,.16);
}

.food-premium-icon{
width:72px !important;
height:72px !important;
margin:0 auto 16px !important;
display:block;
filter:drop-shadow(0 0 8px rgba(255,140,0,.28)) !important;
}

.category-card h3,
.food-card h3,
.menu-category h3{
font-size:20px;
line-height:1.15;
margin:12px 0 6px;
font-weight:800;
color:#ff8c00;
}

.category-card p,
.food-card p,
.menu-category p{
font-size:14px;
line-height:1.4;
opacity:.92;
margin:0;
}

@media (max-width:768px){

.category-strip,
.food-categories,
.menu-categories{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
padding:18px 14px;
overflow:visible;
}

.category-card,
.food-card,
.menu-category{
min-width:auto;
max-width:none;
padding:20px 12px;
border-radius:20px;
}

.food-premium-icon{
width:58px !important;
height:58px !important;
margin-bottom:12px !important;
}

.category-card h3,
.food-card h3,
.menu-category h3{
font-size:17px;
}

.category-card p,
.food-card p,
.menu-category p{
font-size:13px;
}

.mobile-menu a,
nav a{
font-size:16px !important;
padding:10px 0 !important;
display:block;
}

}



/* ===== CINEMATIC BILLY'S HERO UPGRADE ===== */

.hero-title,
.hero h1,
.home-hero h1,
.banner-title{
font-family: cursive !important;
font-size: clamp(72px, 12vw, 150px) !important;
font-weight: 700 !important;
line-height: .92 !important;
letter-spacing: -2px !important;
color: #fff7ea !important;
text-shadow:
0 0 8px rgba(255,140,0,.35),
0 0 18px rgba(255,140,0,.22),
0 4px 10px rgba(0,0,0,.7) !important;
margin-bottom: 18px !important;
position: relative;
z-index: 2;
}

.hero-subtitle,
.hero .subtitle{
font-size: clamp(34px,6vw,74px) !important;
font-weight: 900 !important;
line-height: .95 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
color:#ff9800 !important;
text-shadow: 0 0 12px rgba(255,140,0,.18);
max-width: 900px;
margin: 0 auto 18px;
}

.hero{
position:relative;
overflow:hidden;
background:
linear-gradient(to bottom, rgba(0,0,0,.25), rgba(0,0,0,.82)),
url('https://images.unsplash.com/photo-1568901346375-23c9450c58cd?q=80&w=1200&auto=format&fit=crop') center/cover no-repeat !important;
padding-top:100px !important;
padding-bottom:120px !important;
}

.hero::after{
content:'';
position:absolute;
inset:0;
background:radial-gradient(circle at center, rgba(255,140,0,.08), transparent 60%);
pointer-events:none;
}

@media(max-width:768px){

.hero-title,
.hero h1,
.home-hero h1,
.banner-title{
font-size:64px !important;
}

.hero-subtitle,
.hero .subtitle{
font-size:28px !important;
line-height:1.02 !important;
}

.hero{
padding-top:70px !important;
padding-bottom:90px !important;
background-position:center center !important;
}

}



/* ===== CORRECTED HERO TYPOGRAPHY ===== */

.hero-title,
.hero h1,
.home-hero h1,
.banner-title{
font-family: 'Brush Script MT', cursive !important;
font-size: clamp(78px, 14vw, 150px) !important;
font-weight: 700 !important;
line-height: .82 !important;
letter-spacing: -2px !important;
text-transform:none !important;
color:#fff8ef !important;
text-shadow:
0 0 10px rgba(255,170,60,.28),
0 3px 10px rgba(0,0,0,.75) !important;
margin:0 auto 12px !important;
display:block !important;
text-align:center !important;
}

/* ONLY subtitle gets bold condensed styling */

.hero-subtitle,
.hero .subtitle,
.hero h2{
font-family: Arial Black, Impact, sans-serif !important;
font-size: clamp(34px, 6vw, 76px) !important;
font-weight: 900 !important;
line-height: .94 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
color:#ff9800 !important;
text-align:center !important;
max-width: 900px !important;
margin:0 auto 26px !important;
text-shadow:
0 0 10px rgba(255,140,0,.12),
0 2px 6px rgba(0,0,0,.6);
}

.hero{
text-align:center !important;
padding-top:90px !important;
padding-bottom:120px !important;
}

.hero p{
font-size: clamp(18px,2vw,30px) !important;
line-height:1.4 !important;
max-width:700px !important;
margin:0 auto 28px !important;
}

@media(max-width:768px){

.hero-title,
.hero h1,
.home-hero h1,
.banner-title{
font-size:72px !important;
line-height:.84 !important;
margin-bottom:8px !important;
}

.hero-subtitle,
.hero .subtitle,
.hero h2{
font-size:28px !important;
line-height:1 !important;
letter-spacing:.5px !important;
max-width:340px !important;
}

.hero{
padding-top:65px !important;
padding-bottom:90px !important;
}

}



/* ===== MOCKUP MATCH HERO ===== */

.hero,
.home-hero,
.banner-section{
position:relative !important;
overflow:hidden !important;
background:
linear-gradient(rgba(0,0,0,.58), rgba(0,0,0,.68)),
url('https://images.unsplash.com/photo-1568901346375-23c9450c58cd?q=80&w=1400&auto=format&fit=crop') center center/cover no-repeat !important;
padding: 90px 24px 80px !important;
text-align:center !important;
}

.hero-title,
.hero h1,
.home-hero h1,
.banner-title{
font-family:'Brush Script MT', cursive !important;
font-size: clamp(88px, 15vw, 190px) !important;
line-height:.88 !important;
font-weight:700 !important;
letter-spacing:-2px !important;
text-transform:none !important;
color:#fff8ef !important;
margin:0 auto 8px !important;
text-align:center !important;
text-shadow:
0 0 12px rgba(255,170,50,.40),
0 0 28px rgba(255,140,0,.18),
0 5px 14px rgba(0,0,0,.78) !important;
}

.hero-subtitle,
.hero h2,
.hero .subtitle{
font-family:Impact, 'Arial Black', sans-serif !important;
font-size: clamp(44px, 8vw, 110px) !important;
line-height:.92 !important;
font-weight:900 !important;
text-transform:uppercase !important;
letter-spacing:2px !important;
color:#ff9800 !important;
max-width:900px !important;
margin:0 auto 28px !important;
text-align:center !important;
text-shadow:
0 0 10px rgba(255,140,0,.16),
0 3px 10px rgba(0,0,0,.7) !important;
}

.hero-subtitle::before,
.hero-subtitle::after{
content:'';
display:inline-block;
width:110px;
height:3px;
background:#ff9800;
vertical-align:middle;
margin:0 18px 14px;
box-shadow:0 0 10px rgba(255,140,0,.3);
}

.hero p{
font-size: clamp(20px, 2vw, 34px) !important;
color:#ffffff !important;
margin:0 auto 34px !important;
max-width:760px !important;
text-shadow:0 2px 8px rgba(0,0,0,.7);
}

.hero .btn,
.hero a.button{
border-radius:20px !important;
padding:20px 38px !important;
font-size:28px !important;
font-weight:800 !important;
letter-spacing:1px !important;
}

@media(max-width:768px){

.hero,
.home-hero,
.banner-section{
padding: 60px 18px 60px !important;
}

.hero-title,
.hero h1,
.home-hero h1,
.banner-title{
font-size:96px !important;
line-height:.82 !important;
margin-bottom:12px !important;
}

.hero-subtitle,
.hero h2,
.hero .subtitle{
font-size:56px !important;
line-height:.9 !important;
letter-spacing:1px !important;
}

.hero-subtitle::before,
.hero-subtitle::after{
width:48px;
margin:0 10px 8px;
}

.hero p{
font-size:20px !important;
line-height:1.35 !important;
max-width:320px !important;
}

}



/* ===== FINAL HERO TYPOGRAPHY REBUILD ===== */

.hero-content,
.hero-inner,
.banner-content{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
}

/* SCRIPT TITLE ONLY */

.hero-logo-title,
.hero-script,
.hero .hero-logo{
font-family:'Brush Script MT', cursive !important;
font-size:clamp(88px,14vw,190px) !important;
line-height:.84 !important;
font-weight:700 !important;
letter-spacing:-2px !important;
color:#fff8ef !important;
text-shadow:
0 0 12px rgba(255,170,40,.40),
0 0 26px rgba(255,140,0,.20),
0 5px 16px rgba(0,0,0,.82) !important;
margin-bottom:18px !important;
display:block !important;
}

/* FORCE MAIN HERO TITLE BACK TO BLOCK STYLE */

.hero h1,
.hero-title,
.banner-title,
.home-hero h1{
font-family:Impact, 'Arial Black', sans-serif !important;
font-size:clamp(48px,8vw,110px) !important;
font-weight:900 !important;
line-height:.92 !important;
letter-spacing:2px !important;
text-transform:uppercase !important;
color:#ff9800 !important;
text-shadow:
0 0 8px rgba(255,140,0,.16),
0 4px 10px rgba(0,0,0,.72) !important;
max-width:920px !important;
margin:0 auto 22px !important;
}

/* remove old cursive inheritance */

.hero h1 span,
.hero-title span{
font-family:inherit !important;
}

/* divider styling */

.hero h1::before,
.hero h1::after{
content:'';
display:inline-block;
width:110px;
height:3px;
background:#ff9800;
vertical-align:middle;
margin:0 18px 14px;
box-shadow:0 0 10px rgba(255,140,0,.35);
}

@media(max-width:768px){

.hero-logo-title,
.hero-script,
.hero .hero-logo{
font-size:92px !important;
line-height:.82 !important;
margin-bottom:10px !important;
}

.hero h1,
.hero-title,
.banner-title,
.home-hero h1{
font-size:54px !important;
line-height:.92 !important;
letter-spacing:1px !important;
max-width:360px !important;
}

.hero h1::before,
.hero h1::after{
width:42px;
margin:0 8px 8px;
}

}




/* =====================================================
   COMPLETE CINEMATIC HERO REBUILD
   ===================================================== */

.hero,
.home-hero,
.banner-section{
position:relative !important;
overflow:hidden !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
min-height:100vh !important;
padding:80px 24px 110px !important;
background:
linear-gradient(rgba(0,0,0,.62), rgba(0,0,0,.70)),
url('https://billysinpalatine.com/wp-content/uploads/2026/06/file_00000000ff98722f810ae73512e0788e.png')
center center/cover no-repeat !important;
text-align:center !important;
}

.hero::before{
content:'';
position:absolute;
inset:0;
background:
radial-gradient(circle at center,
rgba(255,145,0,.10),
transparent 60%);
pointer-events:none;
}

.hero-content,
.hero-inner,
.banner-content{
position:relative !important;
z-index:2 !important;
max-width:1100px !important;
margin:auto !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
}

/* SCRIPT LOGO TITLE */

.hero-logo-title,
.hero-script,
.hero-logo{
display:block !important;
font-family:'Brush Script MT', cursive !important;
font-size:clamp(110px,15vw,220px) !important;
line-height:.82 !important;
font-weight:700 !important;
letter-spacing:-3px !important;
color:#fff8ef !important;
margin:0 auto 12px !important;
text-shadow:
0 0 14px rgba(255,180,60,.42),
0 0 30px rgba(255,140,0,.22),
0 8px 18px rgba(0,0,0,.82) !important;
}

/* MAIN BLOCK TITLE */

.hero h1,
.hero-title,
.banner-title,
.home-hero h1{
font-family:Impact, 'Arial Black', sans-serif !important;
font-size:clamp(56px,8vw,120px) !important;
line-height:.90 !important;
font-weight:900 !important;
letter-spacing:2px !important;
text-transform:uppercase !important;
color:#ff9800 !important;
max-width:950px !important;
margin:0 auto 24px !important;
text-shadow:
0 0 10px rgba(255,145,0,.16),
0 4px 12px rgba(0,0,0,.76) !important;
}

/* DIVIDER */

.hero-divider{
display:flex;
align-items:center;
justify-content:center;
gap:18px;
margin:8px auto 26px;
}

.hero-divider::before,
.hero-divider::after{
content:'';
width:140px;
height:3px;
background:#ff9800;
display:block;
box-shadow:0 0 10px rgba(255,145,0,.35);
}

.hero-divider span{
color:#ff9800;
font-size:30px;
font-weight:900;
}

/* DESCRIPTION */

.hero p,
.hero-description{
font-size:clamp(22px,2vw,34px) !important;
line-height:1.35 !important;
max-width:760px !important;
margin:0 auto 36px !important;
color:#ffffff !important;
text-shadow:0 3px 10px rgba(0,0,0,.78);
}

/* CTA BUTTONS */

.hero-buttons{
display:flex;
gap:24px;
flex-wrap:wrap;
justify-content:center;
margin-bottom:34px;
}

.hero .btn,
.hero a.button{
padding:22px 42px !important;
border-radius:18px !important;
font-size:28px !important;
font-weight:800 !important;
letter-spacing:1px !important;
box-shadow:
0 0 18px rgba(255,0,0,.18),
0 8px 18px rgba(0,0,0,.35);
}

/* PROMO BAR */

.hero-promo{
display:flex;
align-items:center;
justify-content:center;
gap:16px;
padding:14px 28px;
border:2px solid rgba(255,145,0,.7);
border-radius:999px;
background:rgba(0,0,0,.45);
color:#fff;
font-size:24px;
font-weight:700;
letter-spacing:1px;
backdrop-filter:blur(4px);
}

.hero-promo strong{
color:#ff9800;
}

/* MOBILE */

@media(max-width:768px){

.hero,
.home-hero,
.banner-section{
min-height:92vh !important;
padding:55px 18px 70px !important;
}

.hero-logo-title,
.hero-script,
.hero-logo{
font-size:96px !important;
line-height:.82 !important;
margin-bottom:8px !important;
}

.hero h1,
.hero-title,
.banner-title,
.home-hero h1{
font-size:58px !important;
line-height:.92 !important;
letter-spacing:1px !important;
max-width:360px !important;
margin-bottom:20px !important;
}

.hero-divider{
gap:10px;
margin-bottom:18px;
}

.hero-divider::before,
.hero-divider::after{
width:52px;
}

.hero p,
.hero-description{
font-size:20px !important;
max-width:320px !important;
margin-bottom:28px !important;
}

.hero-buttons{
gap:14px;
margin-bottom:24px;
}

.hero .btn,
.hero a.button{
padding:18px 28px !important;
font-size:22px !important;
}

.hero-promo{
font-size:16px;
padding:12px 18px;
gap:10px;
max-width:90%;
}

}



/* =====================================================
EXACT MOCKUP HERO REBUILD
===================================================== */

.cinematic-billys-hero{
position:relative;
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
padding:70px 24px 90px;
overflow:hidden;
background:
linear-gradient(rgba(0,0,0,.58), rgba(0,0,0,.72)),
url('https://images.unsplash.com/photo-1568901346375-23c9450c58cd?q=80&w=1600&auto=format&fit=crop')
center center/cover no-repeat;
text-align:center;
}

.hero-overlay{
position:absolute;
inset:0;
background:
radial-gradient(circle at center,
rgba(255,145,0,.10),
transparent 60%);
pointer-events:none;
}

.cinematic-billys-hero .hero-content{
position:relative;
z-index:2;
width:100%;
max-width:1100px;
margin:auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}

.hero-logo-title{
font-family:'Brush Script MT', cursive;
font-size:clamp(120px,16vw,240px);
line-height:.82;
font-weight:700;
letter-spacing:-4px;
color:#fff9f0;
margin-bottom:8px;
text-shadow:
0 0 14px rgba(255,170,60,.42),
0 0 34px rgba(255,140,0,.20),
0 8px 20px rgba(0,0,0,.82);
}

.hero-divider{
display:flex;
align-items:center;
justify-content:center;
gap:20px;
margin:10px auto 22px;
}

.hero-divider::before,
.hero-divider::after{
content:'';
width:160px;
height:3px;
background:#ff9800;
display:block;
box-shadow:0 0 10px rgba(255,145,0,.35);
}

.hero-divider span{
font-size:32px;
font-weight:900;
color:#ff9800;
}

.hero-block-title{
font-family:Impact,'Arial Black',sans-serif;
font-size:clamp(64px,9vw,130px);
line-height:.90;
font-weight:900;
letter-spacing:2px;
text-transform:uppercase;
color:#ff9800;
margin:0 auto 22px;
text-shadow:
0 0 10px rgba(255,145,0,.18),
0 5px 14px rgba(0,0,0,.76);
}

.hero-description{
font-size:clamp(22px,2vw,34px);
line-height:1.35;
max-width:760px;
margin:0 auto 34px;
color:#fff;
text-shadow:0 3px 10px rgba(0,0,0,.78);
}

.hero-buttons{
display:flex;
gap:24px;
flex-wrap:wrap;
justify-content:center;
margin-bottom:32px;
}

.hero-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:22px 42px;
border-radius:18px;
font-size:28px;
font-weight:800;
letter-spacing:1px;
text-decoration:none;
transition:.25s ease;
}

.hero-btn-primary{
background:#e70012;
color:#fff;
box-shadow:
0 0 18px rgba(255,0,0,.25),
0 8px 18px rgba(0,0,0,.35);
}

.hero-btn-secondary{
border:3px solid #ff9800;
color:#fff;
background:rgba(0,0,0,.35);
}

.hero-promo{
display:flex;
align-items:center;
justify-content:center;
padding:14px 30px;
border-radius:999px;
border:2px solid rgba(255,145,0,.7);
background:rgba(0,0,0,.45);
font-size:24px;
font-weight:700;
letter-spacing:1px;
color:#fff;
backdrop-filter:blur(4px);
}

.hero-promo strong{
color:#ff9800;
}

@media(max-width:768px){

.cinematic-billys-hero{
padding:55px 18px 70px;
min-height:92vh;
}

.hero-logo-title{
font-size:108px;
line-height:.82;
margin-bottom:4px;
}

.hero-divider{
gap:10px;
margin:6px auto 16px;
}

.hero-divider::before,
.hero-divider::after{
width:54px;
}

.hero-divider span{
font-size:22px;
}

.hero-block-title{
font-size:58px;
line-height:.92;
letter-spacing:1px;
max-width:360px;
margin-bottom:18px;
}

.hero-description{
font-size:20px;
max-width:320px;
margin-bottom:26px;
}

.hero-buttons{
gap:14px;
margin-bottom:22px;
}

.hero-btn{
padding:18px 28px;
font-size:22px;
}

.hero-promo{
font-size:16px;
padding:12px 18px;
max-width:92%;
}

}



/* ===== FINAL CLEAN CINEMATIC HERO ===== */

.cinematic-billys-hero{
position:relative;
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
padding:120px 20px 80px;
overflow:hidden;
text-align:center;
background:
linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),
url('https://billysinpalatine.com/wp-content/uploads/2026/06/file_00000000ff98722f810ae73512e0788e.png') center center/cover no-repeat;
}

.hero-overlay{
position:absolute;
inset:0;
background:rgba(0,0,0,.35);
}

.hero-content{
position:relative;
z-index:2;
max-width:900px;
margin:auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}

.hero-script-title{
font-size:130px;
line-height:.88;
font-family:cursive;
font-weight:700;
color:#fff8ef;
margin:0 0 10px;
text-shadow:
0 0 12px rgba(255,160,60,.8),
0 0 32px rgba(255,140,0,.55);
}

.hero-divider{
display:flex;
align-items:center;
justify-content:center;
gap:20px;
margin:18px auto;
}

.hero-divider span{
display:block;
width:170px;
height:3px;
background:#ff9100;
}

.hero-divider i{
font-style:normal;
font-size:34px;
color:#ff9100;
}

.hero-main-title{
font-size:92px;
line-height:.95;
font-weight:900;
text-transform:uppercase;
letter-spacing:2px;
color:#ff9500;
margin:0;
}

.hero-description{
margin-top:28px;
font-size:30px;
color:#fff;
max-width:700px;
line-height:1.3;
}

.hero-buttons{
display:flex;
justify-content:center;
gap:26px;
margin-top:42px;
flex-wrap:wrap;
}

.hero-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:22px 42px;
border-radius:22px;
font-size:28px;
font-weight:800;
text-decoration:none;
}

.hero-btn-primary{
background:#ff002b;
color:#fff;
box-shadow:0 0 30px rgba(255,0,43,.45);
}

.hero-btn-secondary{
border:3px solid #ff9100;
color:#ff9100;
background:transparent;
}

.hero-promo{
margin-top:40px;
padding:18px 34px;
border:2px solid #ff9100;
border-radius:999px;
font-size:24px;
background:rgba(0,0,0,.45);
color:#fff;
}

.hero-promo strong{
color:#ff9100;
}

@media(max-width:768px){

.hero-script-title{
font-size:88px;
}

.hero-main-title{
font-size:52px;
line-height:1;
}

.hero-divider span{
width:70px;
}

.hero-description{
font-size:20px;
padding:0 12px;
}

.hero-btn{
width:100%;
max-width:320px;
font-size:22px;
padding:18px 26px;
}

.hero-promo{
font-size:16px;
padding:14px 20px;
}

}