/*====================================================

SANSKAR KALA
Version : 1.0

====================================================*/


/*=========================
GOOGLE FONTS
=========================*/
/* Fonts imported at end of file for redesign v2 */

/*=========================
ROOT VARIABLES
=========================*/

:root{

--primary:#163A70;
--secondary:#F58220;
--accent:#D4AF37;
--cream:#FFF8F1;
--text:#2D2D2D;
--white:#ffffff;

/* Font families defined in redesign v2 section at end of file */
--transition:0.4s ease;

--shadow:0 15px 40px rgba(0,0,0,.12);

--radius:14px;

}


/*=========================
RESET
=========================*/

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

body{
font-family:var(--body);
color:var(--text);
background:var(--cream);
line-height:1.8;
overflow-x:hidden;
}

img{
max-width:100%;
display:block;
}

a{
text-decoration:none;
transition:var(--transition);
}

ul{
list-style:none;
padding:0;
margin:0;
}


/*=========================
TYPOGRAPHY
=========================*/

h1,h2,h3,h4,h5{
font-family:var(--heading);
font-weight:600;
color:var(--primary);
}

h1{
font-size:64px;
line-height:1.15;
margin-bottom:20px;
}

h2{
font-size:42px;
margin-bottom:20px;
}

h3{
font-size:28px;
}

p{
font-size:17px;
color:#555;
margin-bottom:20px;
}

.section-tag{
display:inline-block;
padding:8px 22px;
background:rgba(245,130,32,.12);
color:var(--secondary);
border-radius:50px;
font-size:14px;
font-weight:600;
letter-spacing:2px;
text-transform:uppercase;
margin-bottom:18px;
}


/*=========================
SECTION SPACING
=========================*/

.section-space{
padding:120px 0;
}


/*=========================
BUTTONS
=========================*/

.btn{
padding:15px 38px;
border-radius:50px;
font-weight:600;
transition:var(--transition);
}

.btn-primary-custom{
background:var(--secondary);
color:#fff;
border:none;
}

.btn-primary-custom:hover{
background:var(--primary);
transform:translateY(-3px);
color:#fff;
box-shadow:var(--shadow);
}

.btn-outline-custom{
border:2px solid #fff;
color:#fff;
background:transparent;
margin-left:15px;
}

.btn-outline-custom:hover{
background:#fff;
color:var(--primary);
}


/*=========================
NAVBAR
=========================*/

.custom-navbar{
padding:20px 0;
transition:.4s;
background:transparent;
}

.navbar-brand{
font-family:var(--heading);
font-size:32px;
font-weight:700;
color:#fff !important;
letter-spacing:2px;
}

.nav-link{
color:#fff !important;
margin-left:28px;
font-weight:500;
position:relative;
}

.nav-link::after{
content:"";
position:absolute;
left:0;
bottom:-5px;
height:2px;
width:0;
background:var(--secondary);
transition:.4s;
}

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


/*=========================
SCROLLED NAVBAR
=========================*/

.custom-navbar.scrolled{
background:#ffffff;
box-shadow:0 8px 30px rgba(0,0,0,.08);
padding:14px 0;
}

.custom-navbar.scrolled .navbar-brand{
color:var(--primary)!important;
}

.custom-navbar.scrolled .nav-link{
color:var(--primary)!important;
}


/*=========================
HERO
=========================*/

.hero{
position:relative;
height:100vh;
display:flex;
align-items:center;
justify-content:center;
background:url("../hero/hero.jpg") center center/cover no-repeat;
overflow:hidden;
padding-top:120px;
}

.overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(
rgba(8,25,45,.70),
rgba(8,25,45,.60)
);
}

.hero-content{
position:relative;
z-index:2;
color:#fff;
}

.hero-tag{
font-size:18px;
letter-spacing:3px;
text-transform:uppercase;
color:#FFD27A;
margin-bottom:20px;
}

.hero h1{
color:#fff;
}

.hero-subtitle{
font-size:28px;
font-family:var(--quote);
color:#fff;
margin-bottom:25px;
}

.hero-description{
font-size:18px;
color:#f5f5f5;
margin-bottom:45px;
}

.hero-buttons{
margin-top:20px;
}


/*=========================
SCROLL INDICATOR
=========================*/

.scroll-indicator{
position:absolute;
bottom:40px;
left:50%;
transform:translateX(-50%);
font-size:24px;
color:#fff;
animation:bounce 2s infinite;
}

@keyframes bounce{
0%,100%{
transform:translate(-50%,0);
}
50%{
transform:translate(-50%,12px);
}
}


/*=========================
IMAGE
=========================*/

.story img{
border-radius:20px;
box-shadow:var(--shadow);
}


/*=========================
UTILITIES
=========================*/

.shadow-lg{
box-shadow:var(--shadow)!important;
}

.rounded-4{
border-radius:20px!important;
}

.text-primary{
color:var(--primary)!important;
}

.text-secondary{
color:var(--secondary)!important;
}
/*====================================================

SECTIONS

====================================================*/


/*=========================
STORY SECTION
=========================*/

.story{
background:#ffffff;
}

.story h2{
font-size:44px;
margin-bottom:25px;
line-height:1.3;
}

.story p{
font-size:18px;
color:#555;
}

.story img{
transition:.5s;
}

.story img:hover{
transform:scale(1.03);
}


/*=========================
ABOUT SECTION
=========================*/

.about-preview{
background:var(--cream);
text-align:center;
}

.about-preview h2{
margin-bottom:25px;
}

.about-preview p{
max-width:800px;
margin:auto;
font-size:18px;
}


/*=========================
CLASSES
=========================*/

.classes{
background:#ffffff;
}

.class-card{
background:#fff;
border-radius:20px;
padding:35px;
box-shadow:var(--shadow);
transition:.4s;
height:100%;
text-align:center;
}

.class-card:hover{
transform:translateY(-12px);
}

.class-card i{
font-size:45px;
color:var(--secondary);
margin-bottom:20px;
}

.class-card h3{
margin-bottom:15px;
}


/*=========================
WORKSHOPS
=========================*/

.workshops{
background:#FFF8F1;
}

.workshop-card{
background:#fff;
padding:35px;
border-radius:20px;
transition:.4s;
box-shadow:var(--shadow);
height:100%;
}

.workshop-card:hover{
transform:translateY(-10px);
}

.workshop-card img{
border-radius:15px;
margin-bottom:25px;
}


/*=========================
FOOTER
=========================*/

footer{
background:#0d274d;
padding:70px 0 35px;
color:#fff;
}

footer h3{
color:#fff;
margin-bottom:20px;
}

footer p{
color:#d6d6d6;
margin-bottom:10px;
}

footer a{
color:#d6d6d6;
}

footer a:hover{
color:var(--secondary);
}


/*=========================
SECTION TITLES
=========================*/

.section-title{
margin-bottom:60px;
text-align:center;
}

.section-title h2{
margin-top:15px;
}

.section-title p{
max-width:700px;
margin:auto;
}


/*=========================
GENERAL CARD
=========================*/

.card-modern{
background:#fff;
padding:35px;
border-radius:20px;
box-shadow:var(--shadow);
transition:.4s;
height:100%;
}

.card-modern:hover{
transform:translateY(-10px);
}


/*=========================
IMAGE EFFECTS
=========================*/

.image-hover{
overflow:hidden;
border-radius:20px;
}

.image-hover img{
transition:.5s;
}

.image-hover:hover img{
transform:scale(1.08);
}


/*=========================
ANIMATION HELPERS
=========================*/

.fade-up{
transform:translateY(40px);
opacity:0;
transition:.8s;
}

.fade-up.show{
transform:translateY(0);
opacity:1;
}

.zoom{
transition:.4s;
}

.zoom:hover{
transform:scale(1.05);
}


/*=========================
RESPONSIVE
=========================*/

@media(max-width:1200px){
.hero h1{
font-size:54px;
}
.story h2{
font-size:38px;
}
}


@media(max-width:992px){
.section-space{
padding:90px 0;
}
.hero{
text-align:center;
}
.hero h1{
font-size:46px;
}
.hero-subtitle{
font-size:24px;
}
.nav-link{
margin-left:0;
padding:15px 0;
}
.story img{
margin-bottom:40px;
}
.btn-outline-custom{
margin-left:0;
margin-top:15px;
}
}


@media(max-width:768px){
h1{
font-size:38px;
}
h2{
font-size:32px;
}
.hero-description{
font-size:16px;
}
.hero-buttons .btn{
display:block;
width:100%;
margin-bottom:15px;
}
.btn-outline-custom{
margin-top:0;
}
.section-space{
padding:70px 0;
}
.navbar-brand{
font-size:26px;
}
}


@media(max-width:576px){
.hero{
padding:0 15px;
}
.hero-tag{
font-size:14px;
letter-spacing:2px;
}
.hero h1{
font-size:32px;
}
.hero-subtitle{
font-size:20px;
}
.story h2{
font-size:28px;
}
.section-tag{
font-size:12px;
padding:6px 18px;
}
footer{
text-align:center;
}
}


/*=========================
CUSTOM SCROLLBAR
=========================*/

::-webkit-scrollbar{
width:10px;
}

::-webkit-scrollbar-track{
background:#f3f3f3;
}

::-webkit-scrollbar-thumb{
background:var(--secondary);
border-radius:50px;
}

::-webkit-scrollbar-thumb:hover{
background:var(--primary);
}


/*====================================================
END OF BASE TEMPLATE
====================================================*/

/*=========================
ABOUT PREVIEW
=========================*/
.about-preview{background:var(--white);}
.about-preview p{max-width:640px;margin:0 auto 0;font-size:18px;}

/*=========================
OFFER CARDS (Classes / Workshops)
=========================*/
.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
.offer-card{
  background:var(--white);border-radius:var(--radius);padding:44px 38px;
  box-shadow:var(--shadow);position:relative;overflow:hidden;
}
.offer-card::before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;}
.offer-card.classes::before{background:var(--secondary);}
.offer-card.workshops::before{background:var(--accent);}
.offer-card .badge-tag{
  display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.5px;
  text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:18px;
}
.offer-card.classes .badge-tag{background:rgba(245,130,32,.12);color:var(--secondary);}
.offer-card.workshops .badge-tag{background:rgba(212,175,55,.16);color:#8a6d1f;}
.offer-card h3{margin-bottom:14px;}
.offer-card ul{margin-top:18px;}
.offer-card ul li{
  padding-left:26px;position:relative;margin-bottom:12px;color:#555;font-size:16px;
}
.offer-card ul li::before{
  content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;
  position:absolute;left:0;top:2px;color:var(--secondary);font-size:13px;
}
.classes{background:var(--cream);}
.workshops{background:var(--cream);}

/*=========================
MOOD / COLOUR PSYCHOLOGY STRIP
=========================*/
.mood-strip{background:var(--primary);color:#fff;}
.mood-strip .section-tag{background:rgba(255,210,122,.16);color:#FFD27A;}
.mood-strip h2{color:#fff;}
.mood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px;}
.mood-item .swatch{width:40px;height:40px;border-radius:50%;margin-bottom:16px;border:3px solid rgba(255,255,255,.4);}
.mood-item h4{font-family:var(--heading);color:#FFD27A;font-size:19px;margin-bottom:10px;}
.mood-item p{color:rgba(255,255,255,.82);font-size:15px;margin-bottom:0;}
@media(max-width:860px){.mood-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.mood-grid{grid-template-columns:1fr;}}

/*=========================
GALLERY GRID
=========================*/
.gallery-section{background:var(--white);}
.gallery-grid{columns:4 220px;column-gap:16px;}
.gallery-grid figure{margin:0 0 16px;break-inside:avoid;border-radius:12px;overflow:hidden;position:relative;box-shadow:var(--shadow);}
.gallery-grid img{width:100%;display:block;transition:transform .5s ease;}
.gallery-grid figure:hover img{transform:scale(1.06);}
.gallery-grid figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:18px 14px 10px;
  background:linear-gradient(0deg, rgba(8,25,45,.85), transparent);
  color:#fff;font-size:13px;font-weight:500;opacity:0;transition:opacity .3s ease;
}
.gallery-grid figure:hover figcaption{opacity:1;}
@media(max-width:860px){.gallery-grid{columns:2 180px;}}

/*=========================
CREATIONS / PRODUCTS
=========================*/
.creations{background:var(--cream);text-align:center;}
.creations h2, .creations h3{color:var(--primary);margin-bottom:20px;}
.creations p{color:#555;max-width:700px;margin:auto;}
.creations .section-tag{background:rgba(245,130,32,.12);color:var(--secondary);}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:20px;}
.product-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);text-align:left;}
.product-card .pimg{aspect-ratio:4/3;overflow:hidden;}
.product-card .pimg img{width:100%;height:100%;object-fit:cover;}
.product-card .pbody{padding:26px 26px 30px;}
.product-card h3{font-size:20px;margin-bottom:8px;}
.product-card p{font-size:15px;margin-bottom:0;color:#666;}
@media(max-width:860px){.products-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.products-grid{grid-template-columns:1fr;}}

/*=========================
LOCATIONS
=========================*/
.locations{background:var(--primary);color:#fff;}
.locations .section-tag{background:rgba(255,210,122,.16);color:#FFD27A;}
.locations h2{color:#fff;}
.loc-tags{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.loc-tag{
  border:1.5px solid rgba(255,255,255,.35);padding:11px 24px;border-radius:50px;
  font-size:15px;font-weight:600;
}

/*=========================
CONTACT
=========================*/
.contact-section{background:var(--cream);text-align:center;}
.contact-section .wrap-narrow{max-width:640px;margin:0 auto;}

/*=========================
FOOTER OVERRIDES
=========================*/
footer{background:#0B1E38;color:rgba(255,255,255,.7);padding:50px 0 26px;}
footer h3{color:#fff;font-family:var(--heading);margin-bottom:10px;}
footer p{color:rgba(255,255,255,.65);margin-bottom:0;}

/*=========================
CONTACT CARDS
=========================*/
.contact-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:28px;
}
.contact-card{
  background:var(--white);border-radius:var(--radius);
  padding:40px 30px;text-align:center;box-shadow:var(--shadow);
  transition:transform .3s ease;
}
.contact-card:hover{transform:translateY(-6px);}
.contact-icon{
  width:64px;height:64px;border-radius:50%;
  background:rgba(245,130,32,.12);color:var(--secondary);
  display:flex;align-items:center;justify-content:center;
  font-size:24px;margin:0 auto 20px;
}
.contact-role{
  display:inline-block;font-size:12px;font-weight:700;letter-spacing:1px;
  text-transform:uppercase;color:var(--secondary);margin-bottom:14px;
}
.contact-card h3{font-size:20px;margin-bottom:6px;}
.contact-title{font-size:14px;color:#777;margin-bottom:18px;}
.contact-phone{
  display:inline-block;font-weight:700;font-size:16px;color:var(--primary);
  text-decoration:none;border-top:1px solid rgba(0,0,0,.08);padding-top:16px;width:100%;
}
.contact-phone:hover{color:var(--secondary);}
@media(max-width:860px){.contact-grid{grid-template-columns:1fr;}}

@media (max-width: 768px) {
  .offer-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .container { padding-left: 20px; padding-right: 20px; }
  img, .gallery-grid, .products-grid, .contact-grid, .offer-grid, .mood-grid { max-width: 100%; }
}

/*=========================
NAVBAR PHONE
=========================*/
.nav-phone{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--secondary);color:#fff !important;
  padding:8px 18px;border-radius:50px;
  font-weight:700;font-size:15px;text-decoration:none;
  margin-left:10px;transition:background .2s ease;
  white-space:nowrap;
}
.nav-phone:hover{background:var(--primary);color:#fff !important;}
.nav-phone i{font-size:13px;}
@media(max-width:991px){
  .nav-phone{margin-left:0;margin-top:10px;justify-content:center;}
}

/*=========================
OUR BRANDS SECTION
=========================*/
.brands-section{background:var(--white);padding:90px 0;}
.brands-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
.brand-card{
  background:var(--cream);border-radius:var(--radius);
  padding:44px 36px;text-align:center;box-shadow:var(--shadow);
  transition:transform .3s ease;
}
.brand-card:hover{transform:translateY(-6px);}
.brand-mark{
  width:64px;height:64px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-family:var(--heading);font-size:22px;font-weight:700;
  margin:0 auto 20px;
}
.brand-card h3{font-size:24px;margin-bottom:14px;}
.brand-card p{font-size:15px;color:#555;margin-bottom:22px;}
.brand-link{
  font-weight:700;font-size:14px;text-decoration:none;color:var(--secondary);
}
.brand-card.chafai .brand-link{color:#6E1423;}
.brand-link:hover{text-decoration:underline;}
@media(max-width:768px){.brands-grid{grid-template-columns:1fr;}}

/*=========================
CHAFAI SECTION
=========================*/
.chafai-section{
  background:#FBF3E7;
  padding:100px 0;
  border-top:1px solid rgba(110,20,35,.15);
  border-bottom:1px solid rgba(110,20,35,.15);
}
.chafai-image-wrap{
  border-radius:16px;overflow:hidden;
  box-shadow:0 30px 60px rgba(110,20,35,.18);
}
.chafai-tag{
  display:block;font-family:'Cormorant Garamond',serif;
  font-size:18px;color:#6E1423;letter-spacing:1px;margin-bottom:14px;
}
.chafai-title{
  font-family:var(--heading);font-size:48px;color:#6E1423;margin-bottom:6px;
}
.chafai-subtitle{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:20px;color:#8a5c00;margin-bottom:26px;
}
.chafai-text{font-size:16px;color:#4a4a4a;margin-bottom:20px;line-height:1.75;}
.chafai-contact{
  margin-top:28px;padding-top:24px;border-top:1px solid rgba(110,20,35,.2);
}
.chafai-contact-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#8a5c00;margin-bottom:6px;}
.chafai-contact-name{font-weight:600;font-size:16px;color:#333;margin-bottom:8px;}
.chafai-phone{font-weight:700;font-size:17px;color:#6E1423;text-decoration:none;}
.chafai-phone:hover{color:#8a5c00;}

.chafai-gallery{
  display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:70px;
}
.chafai-gallery img{
  width:100%;
  height:340px;
  object-fit:cover;
  border-radius:14px;
  box-shadow:0 20px 40px rgba(110,20,35,.15);
}

/*=========================
CHAFAI VIDEO
=========================*/
.chafai-video-wrap{
  margin-top:40px;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 20px 40px rgba(110,20,35,.18);
}
.chafai-video-wrap video{
  width:100%;
  display:block;
  max-height:520px;
  background:#000;
}

@media(max-width:768px){
  .chafai-title{font-size:36px;}
  .chafai-gallery{grid-template-columns:1fr;}
}

/*=========================
SCROLLING NOTICE BAR
=========================*/
.notice-marquee{
  background:#6E1423;color:#F4E9D8;
  overflow:hidden;white-space:nowrap;
  padding:9px 0;position:relative;z-index:1001;
}
.notice-track{
  display:inline-block;
  animation:marquee-scroll 22s linear infinite;
  font-size:14px;font-weight:500;
}
@keyframes marquee-scroll{
  0%{transform:translateX(0%);}
  100%{transform:translateX(-50%);}
}
@media(max-width:600px){
  .notice-track{font-size:12.5px;}
}

/*=========================
SLAM BOOK SECTION
=========================*/
.slambook-section{
  background:var(--cream);
}
.slambook-card{
  max-width:480px;
  margin:0 auto;
  background:var(--white);
  border-radius:var(--radius);
  padding:48px 36px;
  box-shadow:var(--shadow);
}
.slambook-icon{
  font-size:48px;
  background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  margin-bottom:18px;
  display:block;
}
.slambook-card h3{
  font-size:22px;
  margin-bottom:12px;
  color:var(--primary) !important;
}
.slambook-card p{
  margin-bottom:24px;
  color:#555 !important;
}
.slambook-section h2{
  color:var(--primary) !important;
}
.slambook-section p{
  color:#555 !important;
}
@media(max-width:576px){
  .slambook-card{
    padding:36px 24px;
  }
  .slambook-icon{
    font-size:40px;
  }
}

/*====================================================
FINAL CLEANUP — resolves leftover conflicting rules
====================================================*/

.custom-navbar,
.custom-navbar.scrolled{
  background:rgba(8,25,45,0.95) !important;
  box-shadow:0 4px 20px rgba(0,0,0,.15);
}
.navbar-brand,
.custom-navbar .nav-link,
.custom-navbar.scrolled .navbar-brand,
.custom-navbar.scrolled .nav-link{
  color:#fff !important;
}
.nav-link:hover{ color:#FFD27A !important; }

.creations{ background:var(--cream) !important; }
.creations h2, .creations h3{ color:var(--primary) !important; }
.creations p{ color:#555 !important; }
.creations .section-tag{
  background:rgba(245,130,32,.12) !important;
  color:var(--secondary) !important;
}

.mood-strip{ background:var(--primary) !important; color:#fff !important; }
.mood-strip h2{ color:#fff !important; }
.mood-strip .section-tag{
  background:rgba(255,210,122,.16) !important;
  color:#FFD27A !important;
}

.locations{ background:var(--primary) !important; color:#fff !important; }
.locations h2{ color:#fff !important; }

.chafai-title{ color:#6E1423 !important; }
.chafai-text{ color:#4a4a4a !important; }

section, header, footer{ position:relative; z-index:1; }

html, body{ overflow-x:hidden; width:100%; }

/* Scroll margin for all anchor sections - ensures proper landing position */
#about, #classes, #gallery, #creations, #chafai, #slambook, #contact{
  scroll-margin-top:80px;
}

/* Ensure all sections have explicit backgrounds to prevent black spaces */
section{
  background:var(--cream);
}
.story, .about-preview, .classes, .gallery-section{
  background:var(--white) !important;
}
.mood-strip, .locations{
  background:var(--primary) !important;
}
.creations, .contact-section, .slambook-section{
  background:var(--cream) !important;
}
.chafai-section{
  background:#FBF3E7 !important;
}

/*====================================================
REDESIGN v2 — refined typography & visual rhythm
====================================================*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Poppins:wght@300;400;500;600&family=Cormorant+Garamond:ital,wght@0,500;1,500&display=swap');

h1,h2,h3,h4,h5,
.navbar-brand,
.chafai-title,
.brand-mark{
  font-family:'Playfair Display', serif !important;
}
body, p, a, li, .btn{
  font-family:'Poppins', sans-serif !important;
}
.hero-subtitle,
.chafai-subtitle{
  font-family:'Cormorant Garamond', serif !important;
}

h1{ font-size: clamp(2.1rem, 4.2vw, 3.4rem) !important; line-height:1.2 !important; letter-spacing:-0.5px; }
h2{ font-size: clamp(1.7rem, 3vw, 2.4rem) !important; line-height:1.3 !important; letter-spacing:-0.3px; }
h3{ font-size: clamp(1.2rem, 2vw, 1.5rem) !important; }
p{ font-size: 1rem !important; line-height:1.75 !important; color:#5a5a5a !important; }

/* Override paragraph colors for specific sections - ensure all text is clearly visible */
.hero p,
.hero-tag,
.hero-subtitle,
.hero-description{ color:#fff !important; }

/* Dark sections - white text */
.mood-strip p,
.mood-strip h4,
.mood-strip h2{ color:#fff !important; }
.locations p,
.locations h2{ color:#fff !important; }
footer p,
footer h3{ color:#fff !important; }

/* Contact section - darker text for better contrast */
.contact-section p{ color:#444 !important; }
.contact-section h2{ color:var(--primary) !important; }

.hero-tag{ font-size:0.85rem !important; letter-spacing:2.5px !important; color:#FFD27A !important; }
.hero-subtitle{ font-size: clamp(1.1rem, 2vw, 1.5rem) !important; }
.section-tag{ font-size:0.75rem !important; letter-spacing:1.5px !important; }

.offer-card, .product-card, .contact-card, .brand-card, .slambook-card{
  box-shadow:0 10px 30px rgba(22,58,112,0.08) !important;
  transition:transform .35s ease, box-shadow .35s ease !important;
}
.offer-card:hover, .product-card:hover, .contact-card:hover{
  transform:translateY(-6px) !important;
  box-shadow:0 20px 45px rgba(22,58,112,0.14) !important;
}

.btn{
  font-size:0.92rem !important;
  letter-spacing:0.4px !important;
  padding:13px 32px !important;
}

.section-space{ padding:90px 0 !important; }
@media(max-width:768px){
  .section-space{ padding:60px 0 !important; }
}

.section-tag{
  animation:tagFade .6s ease both;
}
@keyframes tagFade{
  from{opacity:0; transform:translateY(6px);}
  to{opacity:1; transform:translateY(0);}
}

.navbar-brand{ font-size:1.6rem !important; letter-spacing:1px !important; }
.nav-link{ font-size:0.92rem !important; font-weight:500 !important; }

/*====================================================
END OF STYLE.CSS
====================================================*/
/*=========================
ABSOLUTE FINAL OVERRIDE
=========================*/
a.navbar-brand{
  color:#ffffff !important;
}
/*=========================
FIX: NAVBAR OVERFLOW / CUTOFF ON MEDIUM SCREENS
=========================*/
@media (min-width: 992px) and (max-width: 1400px){
  .nav-link{
    margin-left:12px !important;
    font-size:0.82rem !important;
  }
  .nav-phone{
    padding:6px 12px !important;
    font-size:12px !important;
    margin-left:6px !important;
  }
  .nav-phone i{
    font-size:11px !important;
  }
  .navbar-brand{
    font-size:1.4rem !important;
  }
}

@media (min-width: 992px) and (max-width: 1200px){
  .nav-link{
    margin-left:8px !important;
    font-size:0.78rem !important;
  }
  .nav-phone{
    padding:5px 10px !important;
    font-size:11px !important;
    margin-left:4px !important;
  }
  .navbar-brand{
    font-size:1.3rem !important;
  }
}

@media (max-width: 1400px){
  .navbar-nav{
    flex-wrap:nowrap !important;
  }
  .custom-navbar .container{
    max-width:100% !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }
}

@media (min-width: 1400px){
  .custom-navbar .container{
    max-width:1320px !important;
  }
}
/*=========================
FIX: EXCESS WHITESPACE BEFORE SECTION HEADINGS
=========================*/
.section-space{
  padding-top:60px !important;
  padding-bottom:90px !important;
}
.mb-5{
  margin-bottom:2rem !important;
}