:root{

  --dark:#08172C;

  --navy:#0D2340;

  --navy-light:#17385F;

  --gold:#C59649;

  --gold-soft:#D8B06E;

  --light:#F6F6F6;

  --white:#ffffff;

  --text:#5B6670;

  --muted:#B7C2D0;

  --border:rgba(197,150,73,.25);

  --font-en:"Manrope",sans-serif;

  --font-ar:"Cairo",sans-serif;

}

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

html{scroll-behavior:smooth}

body{

  font-family:var(--font-en);

  background:var(--light);

  color:var(--dark);

  overflow-x:hidden;

  cursor:none;

}

body.ar{

  font-family:var(--font-ar);

  direction:rtl;

}

a,button,.btn{cursor:none;text-decoration:none}

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

/* LOADER */

.loader{

  position:fixed;

  inset:0;

  background:#050b12;

  z-index:99999;

  display:flex;

  align-items:center;

  justify-content:center;

  transition:.7s ease;

}

.loader.hide{

  opacity:0;

  visibility:hidden;

}

.loader-content{

  text-align:center;

}

.loader-logo{

  width:260px;

  height:auto;

  object-fit:contain;

  margin:0 auto;

}

/* CURSOR */

.cursor-dot,

.cursor-outline{

  position:fixed;

  top:0;

  left:0;

  transform:translate(-50%,-50%);

  border-radius:50%;

  pointer-events:none;

  z-index:9999;

}

.cursor-dot{

  width:8px;

  height:8px;

  background:var(--gold);

}

.cursor-outline{

  width:38px;

  height:38px;

  border:1px solid rgba(201,164,92,.7);

  transition:.2s ease;

}

.cursor-outline.cursor-hover{

  width:58px;

  height:58px;

}

/* NAVBAR */

.gby-navbar{

  padding:18px 0;

  background:rgba(8,23,44,.62);

  backdrop-filter:blur(18px);

  -webkit-backdrop-filter:blur(18px);

  transition:.35s ease;

  border-bottom:1px solid rgba(197,150,73,.14);

}

.gby-navbar.scrolled{

  background:rgba(8,23,44,.96);

  padding:12px 0;

  box-shadow:0 14px 45px rgba(0,0,0,.22);

  border-bottom-color:rgba(197,150,73,.22);

}

.gby-navbar .container{

  display:flex;

  align-items:center;

}

.navbar-start{

  display:flex;

  align-items:center;

  gap:16px;

}

.navbar-brand{

  color:white;

  display:flex;

  align-items:center;

  gap:14px;

  text-decoration:none;

  padding:0;

}

.navbar-brand:hover{

  color:white;

}

.navbar-brand img,

.gby-brand-logo img{

  height:110px;

  width:auto;

  object-fit:contain;

  transition:.35s ease;

}

.navbar-brand:hover img,

.gby-brand-logo:hover img{

  transform:translateY(-1px);

  opacity:.96;

}

.gby-navbar.scrolled .navbar-brand img,

.gby-navbar.scrolled .gby-brand-logo img{

  height:94px;

}

.navbar-nav{

  align-items:center;

}

.navbar-nav > .nav-item:not(.nav-actions){

  display:flex;

  align-items:center;

}

.navbar-nav > .nav-item:not(.nav-actions) .nav-link{

  display:inline-flex;

  align-items:center;

  gap:10px;

}

.navbar-nav > .nav-item:not(.nav-actions) .nav-link::before{

  content:"✦";

  color:var(--gold);

  font-size:10px;

  opacity:.85;

  transform:translateY(-1px);

}

.nav-link{

  position:relative;

  color:rgba(255,255,255,.72);

  font-size:16px;

  font-weight:700;

  padding:10px 0 !important;

  transition:.3s ease;

}

.nav-link::after{

  content:"";

  position:absolute;

  left:50%;

  bottom:0;

  width:0;

  height:2px;

  border-radius:999px;

  background:var(--gold);

  transform:translateX(-50%);

  transition:.3s ease;

}

.nav-link:hover,

.nav-link.active{

  color:white;

  transform:translateY(-1px);

}

.nav-link:hover::after,

.nav-link.active::after{

  width:100%;

}

.nav-actions{

  display:flex;

  align-items:center;

  gap:8px;

  margin-left:32px;

}

.nav-cta{

  min-height:48px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  border:none !important;

  background:var(--gold);

  color:var(--navy) !important;

  box-shadow:0 14px 30px rgba(197,150,73,.18);

}

.nav-cta:hover,

.nav-cta.active{

  background:var(--gold-soft);

  color:var(--navy) !important;

  transform:translateY(-3px);

  box-shadow:0 18px 42px rgba(197,150,73,.28);

}

.mini-btn{

  width:48px;

  height:48px;

  border-radius:50%;

  border:1px solid rgba(255,255,255,.22);

  background:rgba(255,255,255,.02);

  color:var(--gold);

  font-weight:800;

  transition:.3s ease;

}

.mini-btn:hover,

.mini-btn.active{

  background:rgba(197,150,73,.12);

  color:var(--gold-soft);

  border-color:rgba(197,150,73,.55);

  transform:translateY(-2px);

  box-shadow:0 12px 30px rgba(0,0,0,.18);

}

.lang-btn-desktop{

  width:auto;

  min-width:58px;

  padding:0 18px;

  border-radius:999px;

  margin-left:0 !important;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:7px;

}

.lang-btn-desktop i{

  font-size:15px;

  line-height:1;

}

.navbar-toggler{

  border:none;

  width:44px;

  height:44px;

}

.navbar-toggler:focus{

  box-shadow:none;

}

.navbar-toggler span{

  display:block;

  width:26px;

  height:2px;

  background:white;

  margin:6px auto;

  transition:.3s ease;

}

.navbar-toggler:hover span{

  background:var(--gold);

}

/* HERO */

.hero{

  min-height:100vh;

  position:relative;

  overflow:hidden;

  display:flex;

  align-items:center;

}

.hero-video{

  position:absolute;

  inset:0;

  width:100%;

  height:100%;

  object-fit:cover;

}

.hero-overlay{

  position:absolute;

  inset:0;

  background:

    linear-gradient(

      to bottom,

      rgba(8,23,44,.25),

      rgba(8,23,44,.50)

    );

}

.hero-content{

  position:relative;

  z-index:2;

  color:white;

  padding-top:100px;

}

.eyebrow,

.section-label{

  color:var(--gold);

  text-transform:uppercase;

  letter-spacing:2px;

  font-size:14px;

  font-weight:700;

  margin-bottom:18px;

}

.hero h1{

  font-size:clamp(40px,8vw,70px);

  line-height:1.3;

  font-weight:800;

  max-width:760px;

}

.hero-text{

  max-width:620px;

  margin-top:28px;

  font-size:18px;

  line-height:1.9;

  color:rgba(255,255,255,.8);

}

.btn{

  transition:.3s ease;

  font-weight:700;

}

.btn:hover{

  transform:translateY(-3px);

}

/* GENERAL */

.section-padding{

  padding:130px 0;

}

.section-title{

  font-size:clamp(30px,5vw,50px);

  line-height:1.05;

  font-weight:700;

  letter-spacing:-2px;

  max-width:1000px;

}

.body-text{

  margin-top:24px;

  color:var(--text);

  line-height:2;

  font-size:17px;

}

/* SERVICES */

.services-section{

  background:var(--light);

}

.service-card{

  height:100%;

  padding:42px;

  border-radius:32px;

  background:white;

  box-shadow:0 20px 60px rgba(7,19,31,.05);

  transition:.35s ease;

}

.service-card:hover{

  transform:translateY(-10px);

}

.service-top{

  display:flex;

  justify-content:space-between;

  align-items:center;

  margin-bottom:40px;

}

.service-number{

  color:rgba(201,164,92,.9);

  font-weight:700;

  letter-spacing:3px;

  font-size:13px;

}

.service-icon{

  width:72px;

  height:72px;

  border-radius:22px;

  background:rgba(201,164,92,.08);

  display:flex;

  align-items:center;

  justify-content:center;

}

.service-icon i{

  color:var(--gold);

  font-size:28px;

}

.service-card h3{

  font-size:30px;

  font-weight:700;

  margin-bottom:18px;

}

.service-card p{

  color:var(--text);

  line-height:1.9;

  font-size:16px;

}

/* ABOUT */

.about-section{

  background:white;

}

.image-frame{

  min-height:620px;

  border-radius:36px;

  overflow:hidden;

  background:

    linear-gradient(rgba(7,19,31,.15),rgba(7,19,31,.35)),

    url("../assets/images/about-yacht.jpg") center/cover no-repeat;

  box-shadow:0 30px 80px rgba(7,19,31,.12);

}

/* SHOWCASE */

.showcase-section{

  background:var(--light);

}

.slider-controls{

  display:flex;

  gap:14px;

}

.slider-controls button{

  width:58px;

  height:58px;

  border-radius:50%;

  border:1px solid rgba(7,19,31,.12);

  background:white;

  transition:.3s ease;

}

.slider-controls button:hover{

  background:var(--dark);

  color:white;

}

.yacht-slider{

  position:relative;

  min-height:650px;

  border-radius:40px;

  overflow:hidden;

}

.yacht-slide{

  position:absolute;

  inset:0;

  opacity:0;

  transition:.8s ease;

  background-size:cover;

  background-position:center;

  display:flex;

  align-items:end;

  padding:54px;

}

.yacht-slide.active{

  opacity:1;

}

.yacht-slide::before{

  content:"";

  position:absolute;

  inset:0;

  background:linear-gradient(to bottom,rgba(7,19,31,.05),rgba(7,19,31,.85));

}

.yacht-slide div{

  position:relative;

  z-index:1;

  color:white;

}

.yacht-slide p{

  color:var(--gold);

  text-transform:uppercase;

  font-size:16px;

  margin-bottom:16px;

}

.yacht-slide h3{

  font-size:clamp(25px,5vw,45px);

  font-weight:700;

  line-height:1;

  max-width:700px;

}

/* BRANDS */

.brands-section{

  background:

    linear-gradient(rgba(245,241,234,.95),rgba(245,241,234,.98)),

    url("../assets/images/brand-pattern.png") center/cover no-repeat;

}

.partner-group{

  margin-top:80px;

}

.partner-group:first-of-type{

  margin-top:50px;

}

.partner-group h3{

  text-align:center;

  font-size:34px;

  font-weight:800;

  text-transform:uppercase;

  letter-spacing:2px;

  color:var(--dark);

  margin-bottom:42px;

}

.logo-grid{

  display:grid;

  grid-template-columns:repeat(4,1fr);

  gap:24px;

}

.dealer-grid{

  grid-template-columns:minmax(280px,380px);

  justify-content:center;

}

.logo-card{

  height:150px;

  border-radius:28px;

  background:rgba(255,255,255,.55);

  border:1px solid rgba(7,19,31,.06);

  display:flex;

  align-items:center;

  justify-content:center;

  padding:28px;

  transition:.35s ease;

}

.logo-card:hover{

  transform:translateY(-8px);

  box-shadow:0 24px 60px rgba(7,19,31,.08);

}

.logo-card img{

  max-width:185px;

  max-height:82px;

  object-fit:contain;

}

/* RELEASES */

.releases-section{

  background:linear-gradient(

    135deg,

    rgba(0,37,54,.03),

    rgba(212,168,59,.04)

  );

}

.releases-header{

  display:grid;

  grid-template-columns:1.1fr .9fr;

  gap:60px;

  align-items:end;

  margin-bottom:56px;

}

.releases-intro{

  max-width:560px;

  color:var(--text);

  line-height:1.9;

  font-size:16px;

  margin:0;

}

.releases-grid{

  display:grid;

  grid-template-columns:repeat(4, 1fr);

  gap:26px;

  align-items:stretch;

}

.release-card{

  position:relative;

  min-height:520px;

  display:flex;

  flex-direction:column;

  overflow:hidden;

  border-radius:30px;

  background:#fff;

  color:var(--dark);

  box-shadow:0 24px 70px rgba(7,19,31,.08);

  transition:.35s ease;

}

.release-card:hover{

  transform:translateY(-8px);

  color:var(--dark);

  box-shadow:0 32px 90px rgba(7,19,31,.12);

}


.release-video-card{

  cursor:pointer;

}

.release-video-card:hover{

  box-shadow:0 36px 100px rgba(7,19,31,.16);

}

.release-image{

  height:240px;

  background-size:cover;

  background-position:center;

  position:relative;

}

.release-badge{

  position:absolute;

  top:22px;

  left:22px;

  z-index:4;

  padding:10px 15px;

  border-radius:12px;

  background:

    linear-gradient(

      135deg,

      rgba(222,190,130,.95),

      rgba(197,150,73,.88),

      rgba(160,120,55,.92)

    );

  backdrop-filter:blur(14px);

  -webkit-backdrop-filter:blur(14px);

  border:1px solid rgba(255,255,255,.38);

  color:#fff;

  font-size:11px;

  font-weight:900;

  letter-spacing:1px;

  text-transform:uppercase;

  box-shadow:

    0 8px 24px rgba(197,150,73,.22),

    inset 0 1px 0 rgba(255,255,255,.45),

    inset 0 -1px 0 rgba(120,85,30,.25);

}

.release-content{

  position:relative;

  flex:1;

  padding:20px 20px 30px 20px;

  display:flex;

  flex-direction:column;

  border-top:1px solid rgba(0,0,0,.04);

}

.release-content h3{

  font-size:20px;

  font-weight:700;
  line-height:1.25;

  margin:0;

  color:var(--dark);

  min-height:104px;

}

.release-content h3::after{

  content:"";

  display:block;

  width:56px;

  height:3px;

  border-radius:999px;

  background:var(--gold);

  margin:20px 0 0;

}

.release-content p{

  color:var(--text);

  line-height:1.8;

  font-size:15px;

  margin:0;

  min-height:96px;

}

.release-link,

.event-link{

  margin-top:auto;

  align-self:flex-end;

  display:inline-flex;

  align-items:center;

  gap:10px;

  color:var(--gold);

  font-size:13px;

  font-weight:900;

  letter-spacing:.6px;

  text-transform:uppercase;

  transition:.3s ease;

}

.release-link i,

.event-link i{

  width:34px;

  height:34px;

  border-radius:50%;

  border:1px solid rgba(197,150,73,.45);

  display:flex;

  align-items:center;

  justify-content:center;

  font-size:16px;

  transition:.3s ease;

}

.release-link:hover,

.event-link:hover{

  color:var(--navy);

}

.release-link:hover i,

.event-link:hover i{

  background:var(--gold);

  color:var(--navy);

  transform:translateX(4px);

}

.video-thumb{

  position:relative;

}

.play-overlay{

  position:absolute;

  inset:0;

  display:flex;

  align-items:center;

  justify-content:center;

  background:rgba(8,23,44,.18);

  transition:.35s ease;

}

.play-overlay i{

  width:72px;

  height:72px;

  border-radius:50%;

  background:rgba(255,255,255,.95);

  color:var(--navy);

  display:flex;

  align-items:center;

  justify-content:center;

  font-size:34px;

  box-shadow:0 18px 50px rgba(0,0,0,.24);

  transition:.35s ease;

}

.release-video-card:hover .play-overlay{

  background:rgba(8,23,44,.38);

}

.release-video-card:hover .play-overlay i{

  transform:scale(1.08);

  background:var(--gold);

  color:var(--navy);

}

/* EVENT CARD DETAILS */

.event-meta{

  display:flex;

  flex-direction:column;

  gap:10px;

  margin-bottom:18px;

}

.event-meta-item{

  display:flex;

  align-items:center;

  gap:10px;

  color:var(--dark);

  font-size:15px;

  line-height:1.6;

}

.event-meta-item i{

  color:var(--gold);

  font-size:17px;

  flex:0 0 auto;

}

/* EXPERIENCE */

.experience-section{

  background:white;

}

.feature-card{

  min-height:540px;

  border-radius:34px;

  overflow:hidden;

  position:relative;

  padding:42px;

  display:flex;

  align-items:end;

  background-size:cover;

  background-position:center;

}

.feature-card::before{

  content:"";

  position:absolute;

  inset:0;

  background:linear-gradient(to bottom,rgba(7,19,31,.08),rgba(7,19,31,.85));

}

.feature-card div{

  position:relative;

  z-index:1;

  color:white;

}

.feature-card p{

  color:var(--gold);

  text-transform:uppercase;

  font-size:12px;

  margin-bottom:14px;

}

.feature-card h3{

  font-size:40px;

  line-height:1;

  font-weight:700;

}

.feature-one{

  background-image:url("../assets/images/feature-1.jpg");

}

.feature-two{

  background-image:url("../assets/images/feature-2.jpg");

}

/* CONTACT */

.contact-section{

  background:

    linear-gradient(rgba(7,19,31,.3),rgba(7,19,31,.9)),

    url("../assets/images/cta-yacht.jpg") center/cover no-repeat;

}

.contact-text{

  color:rgba(255,255,255,.75);

  margin-top:24px;

  line-height:1.9;

}

.premium-form{

  padding:42px;

  border-radius:34px;

  background:rgba(255,255,255,.08);

  backdrop-filter:blur(14px);

  border:1px solid rgba(255,255,255,.1);

}

.premium-form input,

.premium-form textarea{

  width:100%;

  border:none;

  border-radius:18px;

  padding:18px 20px;

  background:rgba(255,255,255,.08);

  color:white;

  outline:none;

}

/* FOOTER */

.footer{

  position:relative;

  background:

    linear-gradient(rgba(5,11,18,.96),rgba(5,11,18,.98)),

    url("../assets/images/footer-pattern.png");

  background-size:cover;

  overflow:hidden;

  padding:110px 0 34px;

  color:rgba(255,255,255,.72);

}

.footer::before{

  content:"";

  position:absolute;

  inset:0;

  background:radial-gradient(circle at top right, rgba(201,164,92,.08), transparent 28%);

  pointer-events:none;

}

.footer .container{

  position:relative;

  z-index:2;

}

.footer-grid{

  display:grid;

  grid-template-columns:1.4fr 1fr 1fr;

  gap:70px;

  padding-bottom:60px;

  border-bottom:1px solid rgba(255,255,255,.08);

}

.footer-logo{

  width:200px;

  height:auto;

  object-fit:contain;

  margin-bottom:26px;

  opacity:.96;

}

.footer-description{

  max-width:315px;

  line-height:2;

  color:rgba(255,255,255,.66);

  font-size:16px;

}

.footer h4{

  color:white;

  font-size:15px;

  letter-spacing:3px;

  text-transform:uppercase;

  margin-bottom:28px;

  font-weight:700;

}

.footer-info{

  display:flex;

  flex-direction:column;

  gap:24px;

}

.footer-item span{

  display:block;

  font-size:14px;

  letter-spacing:2px;

  margin-bottom:10px;


}

.footer-item a,

.footer-item p{

  color:rgba(255,255,255,.78);

  line-height:1.9;

  font-size:16px;

  transition:.3s ease;

}

.footer-item a:hover{

  color:var(--gold);

}

.social-icons{

  display:flex;

  align-items:center;

  gap:16px;

}

.social-icons a{

  width:62px;

  height:62px;

  border-radius:20px;

  overflow:hidden;

  background:rgba(255,255,255,.04);

  border:1px solid rgba(255,255,255,.08);

  display:flex;

  align-items:center;

  justify-content:center;

  transition:.35s ease;

  backdrop-filter:blur(10px);

}

.social-icons a img{

  width:100%;

  height:100%;

  object-fit:cover;

}

.social-icons a:hover{

  transform:translateY(-6px) scale(1.05);

  border-color:rgba(255,255,255,.18);

  box-shadow:0 18px 40px rgba(0,0,0,.28);

}

.footer-bottom{

  padding-top:30px;

  display:flex;

  justify-content:space-between;

  align-items:center;

  gap:20px;

  color:rgba(255,255,255,.45);

  font-size:14px;

}

.footer-bottom span{

  color:var(--gold);

  letter-spacing:2px;

  font-size:12px;

  text-transform:uppercase;

}

/* WHATSAPP */

.whatsapp-float{

  position:fixed;

  right:24px;

  bottom:24px;

  width:60px;

  height:60px;

  border-radius:50%;

  background:#25d366;

  color:white;

  display:flex;

  align-items:center;

  justify-content:center;

  z-index:999;

  box-shadow:0 18px 50px rgba(37,211,102,.3);

}

.whatsapp-float i{

  font-size:28px;

}

/* REVEAL */

.reveal{

  opacity:0;

  transform:translateY(50px);

  transition:1s ease;

}

.reveal.active{

  opacity:1;

  transform:translateY(0);

}

/* RTL */

body.ar .gby-navbar .container{

  direction:rtl;

}

body.ar .navbar-brand{

  margin-left:34px;

  margin-right:0;

}

body.ar .nav-actions{

  margin-left:0;

  margin-right:32px;

}

body.ar .lang-btn-desktop{

  margin-left:0;

  margin-right:8px;

}

body.ar .navbar-nav{

  margin-right:auto !important;

  margin-left:0 !important;

}

body.ar .hero-content{

  position:absolute;

  right:calc((100vw - 1320px) / 2);

  left:auto;

  top:50%;

  transform:translateY(-45%);

  width:720px;

  max-width:calc(100vw - 48px);

  text-align:right;

  padding-top:0;

}

body.ar .hero h1{

  font-size:clamp(40px,5.8vw,70px);

  line-height:1.18;

  max-width:600px;

  letter-spacing:0;

}

body.ar .hero-text{

  max-width:600px;

  margin-right:0;

  margin-left:0;

  font-size:18px;

  line-height:2;

}

body.ar .hero .d-flex{

  justify-content:flex-start;

}

body.ar .eyebrow,

body.ar .section-label{

  letter-spacing:0;

  word-spacing:4px;

  white-space:normal;

  line-height:1.8;

}

body.ar .section-title{

  letter-spacing:0;

  line-height:1.3;

}

body.ar .service-card,

body.ar .body-text,

body.ar .footer,

body.ar .contact-section{

  text-align:right;

}

body.ar .text-start,

body.ar #brands .text-start{

  text-align:right !important;

}

body.ar .partner-group h3,

body.ar .footer h4,

body.ar .footer-item span,

body.ar .footer-bottom span{

  letter-spacing:0;

}

body.ar .footer-grid{

  direction:rtl;

}

body.ar .social-icons{

  justify-content:flex-start;

}

body.ar .release-badge{

  left:auto;

  right:22px;

}


body.ar .release-link:hover i,

body.ar .event-link:hover i{

  transform:translateX(-4px);

}

/* BRAND INNER PAGES */

.brand-hero{

  min-height:100vh;

  position:relative;

  overflow:hidden;

  display:flex;

  align-items:center;

  background-size:cover;

  background-position:center;

}

.silvercat-hero{

  margin-top: 90px;

  padding-top: 0;

background-image:

  linear-gradient(

    to bottom,

    rgba(7,19,31,.08),

    rgba(7,19,31,.45)

  ),

  url("../assets/images/silvercat-hero.png");

  background-size: cover ;

  background-position: center;

  background-repeat: no-repeat;

}


.navan-hero{

  margin-top: 0;

  padding-top: 0;

background-image:

  linear-gradient(

    to bottom,

    rgba(7,19,31,.08),

    rgba(7,19,31,.45)

  ),

  url("../assets/images/navan-hero.jpg");

  background-size: cover;

  background-position: center top;

  background-repeat: no-repeat;

}

.taiga-hero{

  min-height: 100vh;

  padding-top: 120px;

background-image:

  linear-gradient(

    to bottom,

    rgba(7,19,31,.08),

    rgba(7,19,31,.45)

  ),

  url("../assets/images/taiga-hero.jpg");

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}

.pulseer-hero{

  margin-top: 0;

  padding-top: 0;

background-image:

  linear-gradient(

    to bottom,

    rgba(7,19,31,.08),

    rgba(7,19,31,.45)

  ),

  url("../assets/images/pulseer-hero.jpg");

  background-size: cover;

  background-position: center top;

  background-repeat: no-repeat;

}

.powerland-hero{

  margin-top: 0;

  padding-top: 0;

background-image:

  linear-gradient(

    to bottom,

    rgba(7,19,31,.08),

    rgba(7,19,31,.45)

  ),

  url("../assets/images/powerland-hero.png");

  background-size: cover;

  background-position: center top;

  background-repeat: no-repeat;

}


.brand-hero-overlay{

  position:absolute;

  inset:0;

  background:linear-gradient(to bottom,rgba(7,19,31,.25),rgba(7,19,31,.9));

}

.brand-hero-content{

  position:relative;

  z-index:2;

  color:white;

  padding-top:100px;

}

.brand-page-logo{

  max-width:260px;

  margin-bottom:36px;

}

.brand-hero h1{

  font-size:clamp(35px,7vw,65px);

  line-height:1.05;

  font-weight:800;

  max-width:850px;

}

.brand-hero p{

  max-width:650px;

  margin-top:24px;

  font-size:18px;

  line-height:1.9;

  color:rgba(255,255,255,.8);

}

.brand-about{

  background:white;

}

.brand-stats{

  background:#07131f;

  padding:70px 0;

}

.stats-grid{

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:24px;

  text-align:center;

}

.stats-grid div{

  padding:30px;

  border-radius:28px;

  background:rgba(255,255,255,.04);

  border:1px solid rgba(255,255,255,.08);

}

.stats-grid h3{

  color:white;

  font-size:64px;

  font-weight:800;

  margin-bottom:4px;

}

.stats-grid p{

  color:var(--gold);

  font-size:20px;

  font-weight:700;

  text-transform:uppercase;

}

/* MODELS */

.models-section,

.pulseer-models,

.taiga-product-section{

  background:var(--light);

}

.model-category{

  margin-top:80px;

}

.model-category h3{

  font-size:34px;

  font-weight:800;

  color:var(--dark);

  margin-bottom:30px;

  text-transform:uppercase;

}

.models-grid{

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:28px;

}

.model-card{

  min-height:280px;

  padding:30px;

  border-radius:32px;

  background:white;

  box-shadow:0 20px 60px rgba(7,19,31,.06);

  transition:.35s ease;

  color:var(--dark);

}

.model-card:hover{

  transform:translateY(-10px);

  color:var(--dark);

  box-shadow:0 30px 80px rgba(7,19,31,.1);

}

.model-card span{

  display:block;

  font-size:22px;

  font-weight:800;

  margin-bottom:20px;

}

.model-card img{

  width:100%;

  height:145px;

  object-fit:contain;

  margin-bottom:20px;

}

.model-card p{

  color:var(--gold);

  text-transform:uppercase;

  font-size:13px;

  font-weight:800;

  letter-spacing:1px;

  margin:0;

}

/* POWERLAND */

.powerland-specs{

  background:#0b0b0b;

}

.powerland-specs img{

  width:100%;

}

.spec-grid{

  display:grid;

  grid-template-columns:repeat(2,1fr);

  gap:30px;

  margin-top:40px;

}

.spec-grid h3{

  color:#fff;

  font-size:2rem;

  font-weight:800;

}

.spec-grid p{

  color:rgba(255,255,255,.7);

}

.powerland-spec-image{

  overflow:hidden;

  border-radius:40px;

}

.powerland-spec-image img{

  width:100%;

  display:block;

  border-radius:32px;

  object-fit:cover;

  transition:.5s ease;

}

.powerland-spec-image:hover img{

  transform:scale(1.03);

}

/* PULSEER */

.pulseer-about{

  background:var(--light);

}

.pulseer-showcase-card{

  background:white;

  border-radius:40px;

  padding:40px;

  box-shadow:0 30px 80px rgba(7,19,31,.08);

  overflow:hidden;

}

.pulseer-showcase-card img{

  width:100%;

  height:520px;

  object-fit:contain;

  border-radius:30px;

}

.pulseer-highlight{

  background:#05070a;

  color:white;

  padding:120px 0;

}

.pulseer-highlight h2{

  font-size:clamp(42px,6vw,82px);

  line-height:1.05;

  font-weight:800;

  max-width:620px;

}

.pulseer-highlight p{

  color:rgba(255,255,255,.68);

  font-size:18px;

  line-height:1.9;

  max-width:620px;

  margin-top:28px;

}

.pulseer-mini-stats{

  display:grid;

  grid-template-columns:repeat(2,1fr);

  gap:22px;

  margin-top:42px;

  max-width:520px;

}

.pulseer-mini-stats div{

  border:1px solid rgba(255,255,255,.12);

  border-radius:24px;

  padding:26px;

  background:rgba(255,255,255,.04);

}

.pulseer-mini-stats strong{

  display:block;

  color:white;

  font-size:34px;

  margin-bottom:8px;

}

.pulseer-mini-stats span{

  color:rgba(255,255,255,.58);

}

.pulseer-dark-image{

  border-radius:40px;

  overflow:hidden;

  box-shadow:0 30px 80px rgba(0,0,0,.35);

}

.pulseer-dark-image img{

  width:100%;

  height:520px;

  object-fit:cover;

  border-radius:40px;

}

.pulseer-product-grid{

  display:grid;

  grid-template-columns:repeat(2,1fr);

  gap:34px;

  max-width:1050px;

  margin:0 auto;

}

.pulseer-product-card{

  background:white;

  border-radius:36px;

  overflow:hidden;

  box-shadow:0 24px 70px rgba(7,19,31,.08);

  color:var(--dark);

  transition:.35s ease;

}

.pulseer-product-card:hover{

  transform:translateY(-10px);

}

.pulseer-product-card .product-image{

  height:330px;

  background:#fff;

  display:flex;

  align-items:center;

  justify-content:center;

  padding:34px;

}

.pulseer-product-card .product-image img{

  width:100%;

  height:100%;

  object-fit:contain;

}

.product-content{

  padding:34px;

}

.product-tag{

  color:var(--gold);

  text-transform:uppercase;

  letter-spacing:2px;

  font-size:12px;

  font-weight:800;

}

.product-content h3{

  font-size:34px;

  font-weight:800;

  margin:14px 0;

}

.product-content p{

  color:var(--text);

  line-height:1.8;

}

.product-specs{

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:14px;

  margin:26px 0;

}

.product-specs div{

  border-top:1px solid rgba(7,19,31,.1);

  padding-top:14px;

}

.product-specs strong{

  display:block;

  font-size:16px;

  color:var(--dark);

}

.product-specs span{

  font-size:12px;

  color:var(--text);

}

.product-link{

  color:var(--gold);

  font-weight:800;

  text-transform:uppercase;

  letter-spacing:1px;

  font-size:13px;

}

/* TAIGA */

.taiga-product-image{

  background:#fff;

  border-radius:38px;

  box-shadow:0 24px 70px rgba(7,19,31,.08);

}

.taiga-product-image img{

  width:100%;

  border-radius:28px;

  object-fit:contain;

}

.taiga-specs-grid{

  display:grid;

  grid-template-columns:repeat(2,1fr);

  gap:18px;

  margin-top:34px;

}

.taiga-specs-grid div{

  background:#fff;

  border-radius:22px;

  padding:22px;

  box-shadow:0 16px 45px rgba(7,19,31,.05);

}

.taiga-specs-grid span{

  display:block;

  color:var(--text);

  font-size:13px;

  margin-bottom:8px;

}

.taiga-specs-grid strong{

  color:var(--dark);

  font-size:22px;

}

/* NAVAN */

.navan-performance{

  background:#07131f;

}

/* SILVERCAT */

.silvercat-models{

  background:#f7f5ef;

}

.silvercat-models-header{

  max-width:680px;

  margin-bottom:60px;

}

.silvercat-range-grid{

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:34px;

}

.silvercat-range-card{

  background:#fff;

  border-radius:34px;

  padding:34px 30px;

  box-shadow:0 25px 70px rgba(0,0,0,.08);

  min-height:100%;

}

.range-intro{

  min-height:130px;

}

.range-intro h3{

  font-size:28px;

  font-weight:800;

  text-transform:uppercase;

  color:#071426;

  margin-bottom:14px;

}

.range-intro p{

  color:#5c6470;

  line-height:1.7;

  font-size:15px;

}

.silvercat-model-item{

  display:block;

  text-decoration:none;

  padding:24px 0;

  border-top:1px solid rgba(7,20,38,.08);

}

.silvercat-model-item span{

  display:block;

  font-size:46px;

  font-weight:900;

  color:#071426;

  line-height:1;

  margin-bottom:12px;

}

.silvercat-model-item img{

  width:100%;

  height:120px;

  object-fit:contain;

  transition:.35s ease;

}

.silvercat-model-item:hover img{

  transform:translateX(10px) scale(1.03);

}

/* RESPONSIVE */

@media(max-width:1400px){

  body.ar .hero-content{

    right:calc((100vw - 1140px) / 2);

  }

}

@media(max-width:1200px){

  body.ar .hero-content{

    right:calc((100vw - 960px) / 2);

  }

.releases-grid{

  grid-template-columns:repeat(2,1fr);

}

.release-card:first-child,

.release-card:first-child:hover{

  transform:none;

}

}

@media(max-width:991px){

  body{

    cursor:auto;

  }

  .cursor-dot,

  .cursor-outline{

    display:none;

  }

  .gby-navbar{

    padding:12px 0;

  }

  .navbar-brand img,

  .gby-brand-logo img{

    height:76px;

    max-width:190px;

  }

  .gby-navbar.scrolled .navbar-brand img,

  .gby-navbar.scrolled .gby-brand-logo img{

    height:66px;

  }

  .navbar-collapse{

    background:rgba(8,23,44,.98);

    margin-top:18px;

    padding:28px;

    border-radius:24px;

    border:1px solid rgba(197,150,73,.14);

    box-shadow:0 22px 60px rgba(0,0,0,.24);

  }

  .navbar-nav{

    gap:16px;

    align-items:flex-start !important;

  }

  .nav-link{

    font-size:18px;

    width:max-content;

  }

  .nav-actions{

    margin-left:0;

    margin-top:10px;

    gap:10px;

  }

  body.ar .nav-actions{

    margin-right:0;

  }

  .lang-btn-desktop{

    height:44px;

    min-width:54px;

    padding:0 16px;

    margin-top:8px;

  }

  body.ar .navbar-nav{

    align-items:flex-end !important;

  }

  .hero h1{

    font-size:68px;

  }

  .section-padding{

    padding:90px 0;

  }

  .section-title{

    font-size:50px;

  }

  .logo-grid{

    grid-template-columns:repeat(2,1fr);

  }

  .logo-card{

    height:135px;

  }

  .releases-header{

    grid-template-columns:1fr;

    gap:24px;

  }

  .footer{

    padding:90px 0 30px;

  }

  .footer-grid{

    grid-template-columns:1fr;

    gap:50px;

  }

  .footer-bottom{

    flex-direction:column;

    align-items:flex-start;

  }

  body.ar .footer-bottom{

    align-items:flex-end;

  }

  body.ar .hero-content{

    right:24px;

    width:calc(100vw - 48px);

  }

  .models-grid,

  .stats-grid,

  .pulseer-product-grid,

  .silvercat-range-grid{

    grid-template-columns:1fr;

  }

  .brand-page-logo{

    max-width:220px;

  }

  .range-intro{

    min-height:auto;

  }

}

@media(max-width:768px){

  .hero h1{

    font-size:52px;

  }

  .section-title{

    font-size:30px;

  }

  .service-card{

    padding:34px;

  }

  .yacht-slider{

    min-height:500px;

  }

  .feature-card{

    min-height:400px;

  }

  .feature-card h3{

    font-size:42px;

  }

  .premium-form{

    padding:28px;

  }

  .image-frame{

    min-height:420px;

  }

  .releases-grid{

    grid-template-columns:1fr;

  }

  .release-image{

    height:260px;

  }

  .release-image::after{

  content:"";

  position:absolute;

  inset:0;

  background:linear-gradient(to top, rgba(0,0,0,.16), transparent 42%);

  pointer-events:none;

}

  .taiga-specs-grid{

    grid-template-columns:1fr;

  }

  .spec-grid,

  .pulseer-mini-stats{

    grid-template-columns:1fr;

  }

}

@media(max-width:575px){

  .logo-grid{

    grid-template-columns:1fr;

  }

  .logo-card img{

    max-width:160px;

  }

  .navbar-brand img,

  .gby-brand-logo img{

    height:64px;

    max-width:170px;

  }

  .gby-navbar.scrolled .navbar-brand img,

  .gby-navbar.scrolled .gby-brand-logo img{

    height:58px;

  }

  .loader-logo{

    width:220px;

  }

}

/* ASIS PAGE */

.asis-hero{

  margin-top: 0;

  padding-top: 0;

background-image:

  linear-gradient(

    to bottom,

    rgba(7,19,31,.08),

    rgba(7,19,31,.45)

  ),

  url("../assets/images/asis-hero.jpg");

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}

.asis-page-logo{

  max-width:230px;

  border-radius:22px;

  padding:18px 24px;

}

.asis-capabilities{

  background:#07131f;

  padding:70px 0;

}

.asis-capabilities-grid{

  display:grid;

  grid-template-columns:repeat(4,1fr);

  gap:24px;

}

.asis-capabilities-grid div{

  padding:32px;

  border-radius:28px;

  background:rgba(255,255,255,.045);

  border:1px solid rgba(255,255,255,.08);

  color:white;

}

.asis-capabilities-grid i{

  color:var(--gold);

  font-size:30px;

  margin-bottom:20px;

}

.asis-capabilities-grid h3{

  font-size:28px;

  font-weight:800;

  margin-bottom:10px;

}

.asis-capabilities-grid p{

  color:rgba(255,255,255,.62);

  line-height:1.8;

  margin:0;

}

.asis-applications{

  background:#f7f5ef;

}

.asis-application-grid{

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:30px;

}

.asis-application-card{

  background:white;

  border-radius:34px;

  overflow:hidden;

  box-shadow:0 25px 70px rgba(7,19,31,.08);

  transition:.35s ease;

}

.asis-application-card:hover{

  transform:translateY(-10px);

  box-shadow:0 32px 90px rgba(7,19,31,.12);

}

.asis-card-image{

  height:260px;

  background-size:cover;

  background-position:center;

  position:relative;

}

.asis-card-image::after{

  content:"";

  position:absolute;

  inset:0;

  background:linear-gradient(to top,rgba(7,19,31,.35),transparent 55%);

}

.asis-card-content{

  padding:34px;

}

.asis-card-content span{

  color:var(--gold);

  font-size:13px;

  font-weight:900;

  letter-spacing:2px;

}

.asis-card-content h3{

  margin:14px 0;

  font-size:30px;

  font-weight:800;

}

.asis-card-content p{

  color:var(--text);

  line-height:1.8;

  margin:0;

}

.asis-types{

  background:white;

}

.asis-types-grid{

  display:grid;

  grid-template-columns:repeat(4,1fr);

  gap:24px;

}

.asis-type-card{

  padding:34px;

  border-radius:30px;

  background:#f7f5ef;

  border:1px solid rgba(7,19,31,.05);

  transition:.35s ease;

}

.asis-type-card:hover{

  transform:translateY(-8px);

  background:white;

  box-shadow:0 24px 70px rgba(7,19,31,.08);

}

.asis-type-card i{

  color:var(--gold);

  font-size:30px;

  margin-bottom:22px;

}

.asis-type-card h3{

  font-size:24px;

  font-weight:800;

  margin-bottom:14px;

}

.asis-type-card p{

  color:var(--text);

  line-height:1.8;

  margin:0;

}

@media(max-width:991px){

  .asis-capabilities-grid,

  .asis-application-grid,

  .asis-types-grid{

    grid-template-columns:1fr;

  }

}

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

   YAMAHA PAGE

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

.yamaha-hero{

  background:

    linear-gradient(rgba(7,19,31,.38),rgba(7,19,31,.86)),

    url("../assets/images/yamaha-hero.jpg") center/cover no-repeat;

}

.yamaha-page-logo{

  max-width:250px;

  border-radius:22px;

  padding:18px 26px;

}

/* INTRO */

.yamaha-intro{

  background:#fff;

}

.yamaha-visual-card{

  border-radius:40px;

  overflow:hidden;

  box-shadow:0 30px 85px rgba(7,19,31,.12);

}

.yamaha-visual-card img{

  width:100%;

  height:620px;

  object-fit:cover;

}

/* RANGE / ACCORDION */

.yamaha-range{

  background:

    linear-gradient(135deg, rgba(0,37,54,.03), rgba(212,168,59,.05)),

    #f7f5ef;

}

.yamaha-accordion{

  display:flex;

  flex-direction:column;

  gap:18px;

}

.yamaha-category{

  background:#fff;

  border-radius:30px;

  overflow:hidden;

  box-shadow:0 24px 70px rgba(7,19,31,.07);

  border:1px solid rgba(7,19,31,.06);

  transition:.35s ease;

}

.yamaha-category:hover{

  box-shadow:0 30px 85px rgba(7,19,31,.1);

}

.yamaha-category-header{

  width:100%;

  border:0;

  background:#fff;

  color:var(--dark);

  padding:30px 34px;

  display:flex;

  justify-content:space-between;

  align-items:center;

  font-size:28px;

  font-weight:900;

  letter-spacing:-.5px;

}

.yamaha-category-header span{

  display:flex;

  align-items:center;

  gap:14px;

}

.yamaha-category-header span::before{

  content:"";

  width:10px;

  height:10px;

  border-radius:50%;

  background:var(--gold);

  box-shadow:0 0 0 8px rgba(197,150,73,.12);

}

.yamaha-category-header i{

  width:44px;

  height:44px;

  border-radius:50%;

  display:flex;

  align-items:center;

  justify-content:center;

  color:var(--gold);

  background:rgba(197,150,73,.09);

  border:1px solid rgba(197,150,73,.22);

  transition:.3s ease;

}

.yamaha-category.is-open .yamaha-category-header i{

  transform:rotate(45deg);

  background:var(--gold);

  color:var(--navy);

}

.yamaha-category-body{

  max-height:0;

  overflow:hidden;

  padding:0 34px;

  border-top:0;

  transition:max-height .45s ease, padding .35s ease, border-color .35s ease;

}

.yamaha-category.is-open .yamaha-category-body{

  max-height:1200px;

  padding:0 34px 38px;

  border-top:1px solid rgba(7,19,31,.06);

}

.category-description{

  color:var(--text);

  line-height:1.9;

  max-width:760px;

  margin:28px 0 30px;

  font-size:16px;

}

/* MINI MODEL CARDS */

.yamaha-mini-models{

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:24px;

}

.yamaha-mini-card{

  border-radius:26px;

  padding:24px;

  background:#f7f5ef;

  border:1px solid rgba(7,19,31,.06);

  transition:.35s ease;

}

.yamaha-mini-card:hover{

  transform:translateY(-6px);

  background:#fff;

  box-shadow:0 22px 60px rgba(7,19,31,.09);

}

.yamaha-mini-card img{

  width:100%;

  height:155px;

  object-fit:contain;

  margin-bottom:22px;

  transition:.35s ease;

}

.yamaha-mini-card:hover img{

  transform:translateY(-4px) scale(1.03);

}

.yamaha-mini-card h4{

  font-size:22px;

  font-weight:900;

  color:var(--dark);

  margin-bottom:8px;

}

.yamaha-mini-card p{

  color:var(--text);

  line-height:1.6;

  margin:0;

  font-size:14px;

}

/* EXPERIENCE */

.yamaha-experience{

  background:#07131f;

}

.yamaha-experience-panel{

  min-height:560px;

  border-radius:44px;

  padding:60px;

  display:grid;

  grid-template-columns:1.1fr .9fr;

  align-items:end;

  gap:60px;

  background:

    linear-gradient(rgba(7,19,31,.25),rgba(7,19,31,.88)),

    url("../assets/images/yamaha-hero.jpg") center/cover no-repeat;

  color:white;

  overflow:hidden;

}

.yamaha-experience-panel h2{

  font-size:clamp(42px,5vw,74px);

  line-height:1.05;

  font-weight:800;

  max-width:760px;

}

.yamaha-experience-panel p{

  color:rgba(255,255,255,.72);

  font-size:18px;

  line-height:1.9;

  max-width:640px;

  margin-top:24px;

}

.yamaha-experience-points{

  display:grid;

  gap:18px;

}

.yamaha-experience-points div{

  display:flex;

  align-items:center;

  gap:16px;

  padding:22px 24px;

  border-radius:22px;

  background:rgba(255,255,255,.08);

  border:1px solid rgba(255,255,255,.12);

  backdrop-filter:blur(12px);

}

.yamaha-experience-points i{

  color:var(--gold);

  font-size:26px;

}

.yamaha-experience-points span{

  color:white;

  font-weight:800;

}

/* RTL */

body.ar .yamaha-category-header span::before{

  order:2;

}

body.ar .yamaha-category-header i{

  margin-right:auto;

}

/* RESPONSIVE */

@media(max-width:1200px){

  .yamaha-mini-models{

    grid-template-columns:repeat(2,1fr);

  }

}

@media(max-width:991px){

  .yamaha-experience-panel{

    grid-template-columns:1fr;

    padding:36px;

    min-height:auto;

  }

  .yamaha-visual-card img{

    height:420px;

  }

  .yamaha-category-header{

    font-size:22px;

    padding:24px;

  }

  .yamaha-category-body{

    padding:0 24px 30px;

  }

}

@media(max-width:575px){

  .yamaha-mini-models{

    grid-template-columns:1fr;

  }

  .yamaha-mini-card img{

    height:135px;

  }

}

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

   MERCURY PAGE

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

.mercury-hero{

  background:

    linear-gradient(rgba(5,12,22,.42),rgba(5,12,22,.9)),

    url("../assets/images/mercury/hero.jpg") center/cover no-repeat;

}

.mercury-page-logo{

  max-width:600px;

  padding:18px 0px;

  border-radius:22px;

}

.mercury-visual-card{

  border-radius:40px;

  overflow:hidden;

  box-shadow:0 30px 85px rgba(7,19,31,.12);

}

.mercury-visual-card img{

  width:100%;

  height:620px;

  object-fit:cover;

}

/* ENGINE FAMILY GRID */

.mercury-engines{

  background:

    linear-gradient(135deg, rgba(0,37,54,.03), rgba(212,168,59,.05)),

    #f7f5ef;

}

.mercury-family-grid{

  display:grid;

  grid-template-columns:repeat(5,1fr);

  gap:24px;

  align-items:stretch;

}

.mercury-family-card{

  background:#fff;

  border-radius:32px;

  overflow:hidden;

  border:1px solid rgba(7,19,31,.06);

  box-shadow:0 24px 70px rgba(7,19,31,.08);

  transition:.35s ease;

  display:flex;

  flex-direction:column;

}

.mercury-family-card:hover{

  transform:translateY(-10px);

  box-shadow:0 36px 95px rgba(7,19,31,.13);

}

.mercury-family-image{

  height:260px;

  background:linear-gradient(180deg,#f8f8f6,#efede8);

  display:flex;

  align-items:center;

  justify-content:center;

  padding:0;

  overflow:hidden;

}

.mercury-family-image img{

  width:100%;

  height:100%;

  object-fit:cover;

  object-position:center;

  display:block;

}

.mercury-family-card:hover .mercury-family-image img{

  transform:translateY(-6px) scale(1.04);

}

.mercury-family-content{

  padding:28px;

  flex:1;

  display:flex;

  flex-direction:column;

}

.mercury-family-content span{

  color:var(--gold);

  font-size:11px;

  font-weight:900;

  letter-spacing:1.4px;

  text-transform:uppercase;

  margin-bottom:12px;

}

.mercury-family-content h3{

  font-size:26px;

  font-weight:900;

  color:var(--dark);

  margin-bottom:14px;

}

.mercury-family-content p{

  color:var(--text);

  line-height:1.75;

  font-size:14px;

  margin:0;

}

/* TECHNOLOGY */

.mercury-tech{

  background:#07131f;

}

.mercury-tech-panel{

  min-height:560px;

  border-radius:44px;

  padding:60px;

  display:grid;

  grid-template-columns:1.1fr .9fr;

  align-items:end;

  gap:60px;

  background:

    linear-gradient(rgba(7,19,31,.25),rgba(7,19,31,.92)),

    url("../assets/images/mercury/tech.jpg") center/cover no-repeat;

  color:white;

  overflow:hidden;

}

.mercury-tech-panel h2{

  font-size:clamp(42px,5vw,74px);

  line-height:1.05;

  font-weight:800;

  max-width:760px;

}

.mercury-tech-panel p{

  color:rgba(255,255,255,.72);

  font-size:18px;

  line-height:1.9;

  max-width:640px;

  margin-top:24px;

}

.mercury-tech-points{

  display:grid;

  gap:18px;

}

.mercury-tech-points div{

  display:flex;

  align-items:center;

  gap:16px;

  padding:22px 24px;

  border-radius:22px;

  background:rgba(255,255,255,.08);

  border:1px solid rgba(255,255,255,.12);

  backdrop-filter:blur(12px);

}

.mercury-tech-points i{

  color:var(--gold);

  font-size:26px;

}

.mercury-tech-points span{

  color:white;

  font-weight:800;

}

/* RESPONSIVE */

@media(max-width:1400px){

  .mercury-family-grid{

    grid-template-columns:repeat(3,1fr);

  }

}

@media(max-width:991px){

  .mercury-family-grid,

  .mercury-tech-panel{

    grid-template-columns:1fr;

  }

  .mercury-visual-card img{

    height:420px;

  }

  .mercury-tech-panel{

    padding:36px;

    min-height:auto;

  }

}

@media(max-width:575px){

  .mercury-family-image{

    min-height:220px;

  }

  .mercury-family-image img{

    height:180px;

  }

}

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

   GARMIN PAGE

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

.garmin-hero{

  margin-top: 0;

  padding-top: 0;

background-image:

  linear-gradient(

    to bottom,

    rgba(7,19,31,.08),

    rgba(7,19,31,.45)

  ),

  url("../assets/images/garmin/hero.jpg");

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}


.garmin-page-logo{

  max-width:230px;

}

.garmin-about{

  background:#fff;

}

.garmin-visual-card{

  border-radius:42px;

  overflow:hidden;

  box-shadow:0 35px 90px rgba(7,19,31,.14);

}

.garmin-visual-card img{

  width:100%;

  height:620px;

  object-fit:cover;

}

.garmin-products{

  background:#07131f;

}

.garmin-products .section-title,

.garmin-products .body-text{

  color:white;

}

.garmin-grid{

  display:grid;

  grid-template-columns:repeat(2,1fr);

  gap:28px;

}

.garmin-card{

  background:linear-gradient(180deg,#0f2239,#091827);

  border-radius:34px;

  overflow:hidden;

  border:1px solid rgba(68,231,255,.14);

  box-shadow:0 0 45px rgba(68,231,255,.05);

  transition:.35s ease;

}

.garmin-card:hover{

  transform:translateY(-10px);

  box-shadow:0 0 70px rgba(68,231,255,.16);

  border-color:rgba(68,231,255,.32);

}

.garmin-card-image{

  height:300px;

  overflow:hidden;

}

.garmin-card-image img{

  width:100%;

  height:100%;

  object-fit:cover;

  transition:.45s ease;

}

.garmin-card:hover .garmin-card-image img{

  transform:scale(1.06);

}

.garmin-card-content{

  padding:34px;

}

.garmin-card-content span{

  color:#44e7ff;

  font-size:12px;

  font-weight:900;

  letter-spacing:2px;

  text-transform:uppercase;

}

.garmin-card-content h3{

  color:#fff;

  font-size:34px;

  font-weight:900;

  margin:14px 0;

}

.garmin-card-content p{

  color:rgba(255,255,255,.68);

  line-height:1.8;

  margin:0;

}

.garmin-dashboard{

  background:#040c16;

}

.garmin-dashboard-panel{

  min-height:560px;

  border-radius:44px;

  padding:60px;

  display:grid;

  grid-template-columns:1.15fr .85fr;

  align-items:end;

  gap:60px;

  background:

    linear-gradient(rgba(3,11,22,.25),rgba(3,11,22,.92)),

    url("../assets/images/garmin/dashboard.jpg") center/cover no-repeat;

  overflow:hidden;

}

.garmin-dashboard-panel h2{

  color:white;

  font-size:clamp(42px,5vw,74px);

  line-height:1.05;

  font-weight:900;

  max-width:760px;

}

.garmin-dashboard-panel p{

  color:rgba(255,255,255,.72);

  font-size:18px;

  line-height:1.9;

  max-width:650px;

  margin-top:24px;

}

.garmin-points{

  display:grid;

  gap:18px;

}

.garmin-points div{

  display:flex;

  align-items:center;

  gap:18px;

  padding:22px 24px;

  border-radius:22px;

  background:rgba(255,255,255,.07);

  border:1px solid rgba(68,231,255,.16);

  backdrop-filter:blur(14px);

}

.garmin-points i{

  color:#44e7ff;

  font-size:28px;

}

.garmin-points span{

  color:white;

  font-weight:900;

}

body.ar .garmin-card-content,

body.ar .garmin-dashboard-panel{

  text-align:right;

}

@media(max-width:991px){

  .garmin-grid,

  .garmin-dashboard-panel{

    grid-template-columns:1fr;

  }

  .garmin-visual-card img{

    height:420px;

  }

  .garmin-dashboard-panel{

    padding:36px;

    min-height:auto;

  }

}

@media(max-width:575px){

  .garmin-card-image{

    height:240px;

  }

}

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

   RAYMARINE PAGE

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

.raymarine-hero{

  background:

    linear-gradient(rgba(4,9,16,.45),rgba(4,9,16,.92)),

    url("../assets/images/raymarine/hero.jpg") center/cover no-repeat;

}

.raymarine-page-logo{

  max-width:245px;

}

.raymarine-about{

  background:#fff;

}

.raymarine-visual-card{

  border-radius:42px;

  overflow:hidden;

  box-shadow:0 35px 90px rgba(7,19,31,.14);

}

.raymarine-visual-card img{

  width:100%;

  height:620px;

  object-fit:cover;

}

.raymarine-systems{

  background:#050b12;

}

.raymarine-systems .section-title,

.raymarine-systems .body-text{

  color:white;

}

.raymarine-system-grid{

  display:grid;

  grid-template-columns:repeat(4,1fr);

  gap:24px;

}

.raymarine-system-card{

  background:linear-gradient(180deg,#111a25,#070c13);

  border-radius:32px;

  overflow:hidden;

  border:1px solid rgba(255,122,24,.16);

  box-shadow:0 24px 70px rgba(0,0,0,.22);

  transition:.35s ease;

}

.raymarine-system-card:hover{

  transform:translateY(-10px);

  border-color:rgba(255,122,24,.38);

  box-shadow:0 35px 95px rgba(255,122,24,.1);

}

.raymarine-system-image{

  height:250px;

  overflow:hidden;

  background:#08121d;

}

.raymarine-system-image img{

  width:100%;

  height:100%;

  object-fit:cover;

  transition:.45s ease;

}

.raymarine-system-card:hover .raymarine-system-image img{

  transform:scale(1.06);

}

.raymarine-system-content{

  padding:28px;

}

.raymarine-system-content span{

  color:#ff7a18;

  font-size:12px;

  font-weight:900;

  letter-spacing:2px;

  text-transform:uppercase;

}

.raymarine-system-content h3{

  color:white;

  font-size:28px;

  font-weight:900;

  margin:14px 0;

}

.raymarine-system-content p{

  color:rgba(255,255,255,.66);

  line-height:1.8;

  font-size:14px;

  margin:0;

}

.raymarine-command{

  background:#07131f;

}

.raymarine-command-panel{

  min-height:580px;

  border-radius:44px;

  padding:60px;

  display:grid;

  grid-template-columns:1.15fr .85fr;

  align-items:end;

  gap:60px;

  background:

    linear-gradient(rgba(3,8,14,.25),rgba(3,8,14,.92)),

    url("../assets/images/raymarine/command.jpg") center/cover no-repeat;

  overflow:hidden;

}

.raymarine-command-panel h2{

  color:white;

  font-size:clamp(42px,5vw,74px);

  line-height:1.05;

  font-weight:900;

  max-width:760px;

}

.raymarine-command-panel p{

  color:rgba(255,255,255,.72);

  font-size:18px;

  line-height:1.9;

  max-width:650px;

  margin-top:24px;

}

.raymarine-command-points{

  display:grid;

  gap:18px;

}

.raymarine-command-points div{

  display:flex;

  align-items:center;

  gap:18px;

  padding:22px 24px;

  border-radius:22px;

  background:rgba(255,255,255,.07);

  border:1px solid rgba(255,122,24,.18);

  backdrop-filter:blur(14px);

}

.raymarine-command-points i{

  color:#ff7a18;

  font-size:28px;

}

.raymarine-command-points span{

  color:white;

  font-weight:900;

}

body.ar .raymarine-system-content,

body.ar .raymarine-command-panel{

  text-align:right;

}

@media(max-width:1200px){

  .raymarine-system-grid{

    grid-template-columns:repeat(2,1fr);

  }

}

@media(max-width:991px){

  .raymarine-system-grid,

  .raymarine-command-panel{

    grid-template-columns:1fr;

  }

  .raymarine-visual-card img{

    height:420px;

  }

  .raymarine-command-panel{

    padding:36px;

    min-height:auto;

  }

}

@media(max-width:575px){

  .raymarine-system-image{

    height:230px;

  }

}

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

   SUZUKI PAGE

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

.suzuki-hero{

  background:

    linear-gradient(rgba(5,14,25,.42),rgba(5,14,25,.9)),

    url("../assets/images/suzuki/hero.jpg") center/cover no-repeat;

}

.suzuki-page-logo{

  max-width:245px;

}

.suzuki-about{

  background:#fff;

}

.suzuki-visual-card{

  border-radius:42px;

  overflow:hidden;

  box-shadow:0 35px 90px rgba(7,19,31,.14);

}

.suzuki-visual-card img{

  width:100%;

  height:620px;

  object-fit:cover;

}

.suzuki-engines{

  background:

    linear-gradient(135deg, rgba(0,37,54,.03), rgba(20,95,180,.04)),

    #f7f5ef;

}

.suzuki-engine-grid{

  display:grid;

  grid-template-columns:1.2fr .8fr .8fr;

  gap:26px;

  align-items:stretch;

}

.suzuki-engine-card{

  background:#fff;

  border-radius:34px;

  overflow:hidden;

  box-shadow:0 24px 70px rgba(7,19,31,.08);

  border:1px solid rgba(7,19,31,.06);

  transition:.35s ease;

  display:flex;

  flex-direction:column;

}

.suzuki-engine-card:hover{

  transform:translateY(-10px);

  box-shadow:0 36px 95px rgba(7,19,31,.13);

}

.suzuki-card-large{

  grid-row:span 2;

}

.suzuki-engine-image{

  height:250px;

  overflow:hidden;

  background:#eef1f4;

}

.suzuki-card-large .suzuki-engine-image{

  height:470px;

}

.suzuki-engine-image img{

  width:100%;

  height:100%;

  object-fit:cover;

  transition:.45s ease;

}

.suzuki-engine-card:hover .suzuki-engine-image img{

  transform:scale(1.05);

}

.suzuki-engine-content{

  padding:30px;

  flex:1;

}

.suzuki-engine-content span{

  color:#1b64b0;

  font-size:12px;

  font-weight:900;

  letter-spacing:1.8px;

  text-transform:uppercase;

}

.suzuki-engine-content h3{

  font-size:30px;

  font-weight:900;

  color:var(--dark);

  margin:14px 0;

}

.suzuki-engine-content p{

  color:var(--text);

  line-height:1.8;

  margin:0;

}

.suzuki-technology{

  background:#07131f;

}

.suzuki-tech-panel{

  min-height:580px;

  border-radius:44px;

  padding:60px;

  display:grid;

  grid-template-columns:1.15fr .85fr;

  align-items:end;

  gap:60px;

  background:

    linear-gradient(rgba(5,14,25,.22),rgba(5,14,25,.92)),

    url("../assets/images/suzuki/technology.jpg") center/cover no-repeat;

  overflow:hidden;

}

.suzuki-tech-panel h2{

  color:white;

  font-size:clamp(42px,5vw,74px);

  line-height:1.05;

  font-weight:900;

  max-width:760px;

}

.suzuki-tech-panel p{

  color:rgba(255,255,255,.72);

  font-size:18px;

  line-height:1.9;

  max-width:650px;

  margin-top:24px;

}

.suzuki-tech-points{

  display:grid;

  gap:18px;

}

.suzuki-tech-points div{

  display:flex;

  align-items:center;

  gap:18px;

  padding:22px 24px;

  border-radius:22px;

  background:rgba(255,255,255,.07);

  border:1px solid rgba(27,100,176,.24);

  backdrop-filter:blur(14px);

}

.suzuki-tech-points i{

  color:#5ea6ff;

  font-size:28px;

}

.suzuki-tech-points span{

  color:white;

  font-weight:900;

}

body.ar .suzuki-engine-content,

body.ar .suzuki-tech-panel{

  text-align:right;

}

@media(max-width:1200px){

  .suzuki-engine-grid{

    grid-template-columns:repeat(2,1fr);

  }

  .suzuki-card-large{

    grid-row:auto;

  }

  .suzuki-card-large .suzuki-engine-image{

    height:250px;

  }

}

@media(max-width:991px){

  .suzuki-engine-grid,

  .suzuki-tech-panel{

    grid-template-columns:1fr;

  }

  .suzuki-visual-card img{

    height:420px;

  }

  .suzuki-tech-panel{

    padding:36px;

    min-height:auto;

  }

}

@media(max-width:575px){

  .suzuki-engine-image{

    height:230px;

  }

}

.navan-models-header{

  text-align:center;

  margin-bottom:4rem;

}

.navan-grid{

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:2rem;

}

.navan-card{

  background:#fff;

  border-radius:28px;

  padding:2.5rem 2rem;

  box-shadow:0 20px 60px rgba(0,0,0,.06);

  display:flex;

  flex-direction:column;

  height:100%;

}

.navan-image{

  display:flex;

  justify-content:center;

  align-items:center;

  min-height:220px;

  margin-bottom:2rem;

}

.navan-image img{

  width:100%;

  max-width:320px;

  object-fit:contain;

}

.navan-info{

  text-align:center;

  margin-bottom:2rem;

}

.navan-info h3{

  font-size:3rem;

  font-weight:800;

  color:#081b3a;

  margin-bottom:1rem;

}

.navan-info p{

  color:#6b7280;

  line-height:1.8;

}

.navan-specs{

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:1rem;

  text-align:center;

  padding-top:2rem;

  border-top:1px solid #ececec;

}

.navan-specs h4{

  font-size:1.7rem;

  font-weight:800;

  color:#081b3a;

  margin-bottom:.5rem;

}

.navan-specs span{

  color:#6b7280;

  font-size:.95rem;

}

@media (max-width: 991px){

  .navan-grid{

    grid-template-columns:1fr;

  }

}

.footer-location-link{

  color: inherit;

  text-decoration: none;

}

.footer-location-link:hover{

  color: var(--gold);

}

.hero-pill{

  display:inline-flex;

  align-items:center;

  gap:10px;

  width:max-content;

  padding:12px 18px;

  border-radius:999px;

  background:rgba(197,150,73,.14);

  border:1px solid rgba(197,150,73,.38);

  color:var(--gold-soft);

  font-size:16px;

  font-weight:600;

  letter-spacing:1.8px;

  text-transform:uppercase;

  margin-bottom:20px;

  backdrop-filter:blur(12px);

}

.hero-pill::before{

  content:"";

  width:8px;

  height:8px;

  border-radius:50%;

  background:var(--gold);

  box-shadow:0 0 0 6px rgba(197,150,73,.16);

}

body.ar .hero-pill{

  letter-spacing:0;

  word-spacing:3px;

}

.release-slider{

  position:relative;

  height:100%;

  min-height:520px;

}

.release-slider{

  position:relative;

  height:100%;

  min-height:520px;

}

.release-slide{

  position:absolute;

  inset:0;

  opacity:0;

  pointer-events:none;

  display:flex;

  flex-direction:column;

  height:100%;

  transition:.45s ease;

}

.release-slide.active{

  opacity:1;

  pointer-events:auto;

}

.release-slider-card .release-content{

  flex:1;

  padding:20px 20px 30px;

}

/* خلي الدوتس فوق بدل تحت */

.release-dots{

  position:absolute;

  top:26px;

  right:24px;

  left:auto;

  bottom:auto;

  transform:none;

  display:flex;

  gap:8px;

  z-index:20;

}

.release-dots .dot{

  width:11px;

  height:11px;

  border-radius:50%;

  background:#fff;

  border:2px solid var(--gold);

  box-shadow:0 8px 18px rgba(0,0,0,.16);

}

.release-dots .dot.active{

  background:var(--gold);

}

/* عربي */

body.ar .release-dots{

  right:auto;

  left:24px;

}