:root{
 --lime:#c9ff00;
 --lime2:#9fd400;
 --bg:#050606;
 --panel:#0b0d0d;
 --panel2:#101313;
 --line:#252a25;
 --text:#f4f5f2;
 --muted:#8e9590;
 --dark:#020303;
}

*{box-sizing:border-box}

html{
 scroll-behavior:smooth;
}

body{
 margin:0;
 background:var(--bg);
 color:var(--text);
 font-family:Arial,Helvetica,sans-serif;
}

a{
 text-decoration:none;
 color:inherit;
}

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

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

/* TOP BAR */
.topbar{
    height:34px;
    background:#000;
    display:flex;
    align-items:center;
    border-bottom:1px solid #151915;
    color:#777;
    font-size:10px;
}

.topbar .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.toplinks{
    display:flex;
    align-items:center;
    gap:16px;
}

.follow-label{
    color:#777;
    font-size:10px;
    font-weight:800;
    letter-spacing:1px;
}

.toplinks a{
    color:#999;
    font-size:15px;
    width:24px;
    height:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all .25s ease;
}

.toplinks a:hover{
    color:var(--lime);
    transform:translateY(-2px);
}

/* HEADER */
.header{
 height:90px;
 background:rgba(3,4,4,.96);
 border-bottom:1px solid var(--line);
 position:sticky;
 top:0;
 z-index:50;
}

.header .container{
 height:100%;
 display:flex;
 align-items:center;
 gap:25px;
}

.logo{
 display:flex;
 align-items:center;
 gap:9px;
 font-weight:900;
 font-style:italic;
 letter-spacing:2px;
 font-size:25px;
 min-width:175px;
}

/* HEADER LOGO */
.header .logo img{
    width:125px !important;
    height:85px !important;
    max-width:125px !important;
    object-fit:contain;
}

.footer .logo img{
    width:105px !important;
    height:auto !important;
    max-width:105px !important;
    object-fit:contain;
}

.logo-mark{
 font-size:33px;
 color:var(--lime);
 text-shadow:0 0 15px #c9ff0044;
}

.logo small{
 display:block;
 color:var(--lime);
 font-size:7px;
 letter-spacing:5px;
 text-align:center;
 margin-top:-3px;
}

.nav{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:22px;
 flex:1;
}

.nav a{
    font-size:11px;
    font-weight:800;
    color:#ddd;
    padding:12px 4px;
    transition:.2s;
}

.nav a:hover,
.nav a.active{
 color:var(--lime);
}

.quote{
    background:var(--lime);
    color:#050505;
    padding:14px 20px;
    font-size:11px;
    font-weight:900;
    white-space:nowrap;
    border:1px solid var(--lime);
    display:inline-block;
    transition:all .25s ease;
    cursor:pointer;
}

.quote:hover{
    background:transparent;
    color:var(--lime);
    border-color:var(--lime);
    transform:translateY(-3px);
    box-shadow:0 8px 20px #c9ff0033;
}

.menu{
 display:none;
 background:none;
 border:0;
 color:#fff;
 font-size:25px;
}

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

.hero{
    min-height:580px;
    position:relative;
    overflow:hidden;

    background:
        radial-gradient(
            circle at 72% 50%,
            #c9ff0022 0,
            transparent 34%
        ),
        linear-gradient(
            120deg,
            #030404 0%,
            #080a09 50%,
            #11140f 100%
        );
}

/* DARK OVERLAY BEHIND TEXT */

.hero:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            rgba(3,4,4,.98) 0%,
            rgba(3,4,4,.90) 25%,
            rgba(3,4,4,.45) 48%,
            rgba(3,4,4,.05) 72%,
            rgba(3,4,4,0) 100%
        );
}

/* DIAGONAL DESIGN */

.hero:after{
    content:"";
    position:absolute;
    right:-120px;
    top:0;

    width:65%;
    height:100%;

    z-index:1;
    pointer-events:none;

    background:
        linear-gradient(
            135deg,
            transparent 40%,
            #c9ff0014 40.2%,
            transparent 41%,
            transparent 55%,
            #c9ff0010 55.2%,
            transparent 56%
        );

    transform:skewX(-18deg);
}

/* =========================
   LARGE PRODUCT IMAGE
========================= */

.hero-bg{
    position:absolute;

    right:0;
    top:0;
    bottom:0;

    transform:none;

    width:68%;
    height:100%;

    display:flex;
    align-items:center;
    justify-content:center;

    z-index:1;
    pointer-events:none;
}

.hero-bg img{
    width:100%;
    max-width:none;
    height:100%;

    object-fit:contain;
    object-position:center center;

    transform:scale(1.10);

    filter:drop-shadow(0 20px 35px rgba(0,0,0,.55));
}

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

.hero .container{
    width:min(1180px,92%);
    min-height:580px;

    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;

    padding-top:155px;
    padding-bottom:0;

    position:relative;
    z-index:3;
}

.hero-content{
    text-align:left;
    width:52%;
}

/* =========================
   TEXT
========================= */

.eyebrow{
    display:block;

    font-size:11px;
    letter-spacing:5px;

    color:var(--lime);
    font-weight:800;

    margin-bottom:14px;
}

.hero h1{
    font-size:64px;
    line-height:.88;

    margin:0;

    font-family:"Arial Black",Impact,sans-serif;
    font-style:italic;
    font-weight:900;

    text-transform:uppercase;
    letter-spacing:-2.5px;

    transform:skewX(-5deg);
}

.hero h1 span{
    color:var(--lime);
}

.hero p{
    color:#d5d8d4;

    font-size:13px;
    line-height:1.7;

    max-width:560px;

    margin:20px 0 8px;
}

.hero small{
    display:block;

    color:#8f9691;

    font-size:11px;
    letter-spacing:1.4px;

    margin-bottom:25px;
}

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

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

.hero-buttons .btn{
    display:inline-block;

    padding:13px 18px;

    border:1px solid var(--lime);

    font-size:10px;
    font-weight:900;

    color:var(--lime);

    transition:all .25s ease;
}

.hero-buttons .btn:hover{
    background:var(--lime);
    color:#050505;

    transform:translateY(-3px);

    box-shadow:0 8px 20px #c9ff0033;
}

.hero-buttons .btn:first-child{
    background:var(--lime);
    color:#050505;
}

.hero-buttons .btn:first-child:hover{
    background:transparent;
    color:var(--lime);
}

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

@media(max-width:720px){

    .hero{
        min-height:560px;
    }

    .hero:before{
        background:
            linear-gradient(
                180deg,
                rgba(3,4,4,.98) 0%,
                rgba(3,4,4,.88) 42%,
                rgba(3,4,4,.35) 68%,
                rgba(3,4,4,0) 100%
            );
    }

    .hero-bg{
        right:0;
        top:300px;
        bottom:0;

        transform:none;

        width:100%;
        height:600px;

        display:flex;
        align-items:flex-end;
        justify-content:center;

        z-index:1;
    }

    .hero-bg img{
        width:100%;
        max-width:500px;

        height:270px;

        object-fit:contain;
        object-position:center bottom;
    }

    .hero .container{
        width:92%;
        min-height:auto;

        display:flex;
        flex-direction:column;

        align-items:center;
        justify-content:flex-start;

        text-align:center;

        padding-top:45px;
        padding-bottom:10px;

        z-index:3;
    }

    .hero-content{
        width:100%;
        text-align:center;
    }

    .eyebrow{
        font-size:9px;
        letter-spacing:4px;
        margin-bottom:12px;
    }

    .hero h1{
        font-size:45px;
        line-height:.9;
    }

    .hero p{
        margin:18px auto 8px;
        max-width:500px;
    }

    .hero small{
        font-size:9px;
        margin-bottom:20px;
    }

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

/* FEATURE STRIP */

.feature-strip{
 background:#090b0b;
 border-top:1px solid var(--line);
 border-bottom:1px solid var(--line);
 display:grid;
 grid-template-columns:repeat(6,1fr);
}

.feature-strip div{
 padding:20px 10px;
 text-align:center;
 border-right:1px solid var(--line);
}

.feature-strip div:last-child{
 border:0;
}

.feature-strip b{
 display:block;
 color:var(--lime);
 font-size:22px;
 margin-bottom:7px;
}

.feature-strip strong{
 display:block;
 font-size:11px;
}

.feature-strip span{
 display:block;
 color:#777;
 font-size:9px;
 margin-top:5px;
 line-height:1.4;
}

/* SECTIONS */

.section{
 padding:62px 0;
}

.section.dark{
 background:#080a09;
}

.heading{
 text-align:center;
 margin-bottom:30px;
}

.heading .mini{
 color:var(--lime);
 font-size:11px;
 letter-spacing:4px;
 font-weight:900;
}

.heading h2{
 font-size:28px;
 margin:8px 0;
 font-style:italic;
}

.heading h2 span{
 color:var(--lime);
}

.heading p{
 color:var(--muted);
 font-size:11px;
 max-width:650px;
 margin:0 auto;
 line-height:1.7;
}

/* CATEGORIES */

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

.category{
 min-height:145px;
 background:linear-gradient(145deg,#121615,#080909);
 border:1px solid #252a25;
 padding:10px;
 display:flex;
 flex-direction:column;
 justify-content:space-between;
 transition:.2s;
}

.category:hover{
 border-color:var(--lime);
 transform:translateY(-4px);
}

.cat-art{
 height:94px;
 background:radial-gradient(circle,#4a541e,#0b0d0c 65%);
 display:flex;
 align-items:center;
 justify-content:center;
 color:var(--lime);
 font-size:29px;
 font-weight:900;
 clip-path:polygon(
 22% 0,
 38% 8%,
 50% 14%,
 62% 8%,
 78% 0,
 100% 18%,
 84% 32%,
 76% 25%,
 76% 100%,
 24% 100%,
 24% 25%,
 16% 32%,
 0 18%
 );
}

.category strong{
 font-size:9px;
 line-height:1.3;
}

/* PRODUCTS */

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

.card{
 background:#0c0f0e;
 border:1px solid var(--line);
 padding:9px;
 transition:.2s;
}

.card:hover{
 border-color:var(--lime);
 transform:translateY(-4px);
}

.card-art{
 height:300px;
 background:radial-gradient(circle at 50% 35%,#3c4718,#0a0c0c 58%);
 display:flex;
 align-items:center;
 justify-content:center;
 color:var(--lime);
 font-size:52px;
 font-weight:900;
 clip-path:polygon(
 25% 0,
 38% 8%,
 50% 14%,
 62% 8%,
 75% 0,
 100% 17%,
 85% 31%,
 76% 25%,
 76% 100%,
 24% 100%,
 24% 25%,
 15% 31%,
 0 17%
 );
}

.card h3{
 font-size:13px;
 margin:13px 3px 5px;
}

.card p{
 font-size:11px;
 color:var(--lime);
 margin:0 3px 12px;
}

.card a{
 font-size:8px;
 color:var(--lime);
 border:1px solid var(--lime);
 padding:8px 10px;
 display:inline-block;
 margin:0 3px 5px;
 transition:all .25s ease;
}

.card a:hover{
 background:var(--lime);
 color:#050505;
 transform:translateY(-2px);
 box-shadow:0 6px 15px #c9ff0033;
}

/* SPLIT SECTION */

.split{
 display:grid;
 grid-template-columns:1fr 1fr;
 border-top:1px solid var(--line);
 border-bottom:1px solid var(--line);
}

.split>div{
 padding:55px 7%;
}

.split>div+div{
 border-left:1px solid var(--line);
}

.split h2{
 font-size:34px;
 font-style:italic;
 margin:0 0 18px;
}

.split h2 span{
 color:var(--lime);
}

.split p{
 font-size:13px;
 color:#aaa;
 line-height:1.8;
}

.checks{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:10px;
 padding:0;
 list-style:none;
 color:#bbb;
 font-size:9px;
}

.checks li:before{
 content:"✓";
 color:var(--lime);
 font-weight:900;
 margin-right:7px;
}

/* STATS */

.stats{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 padding:40px 0;
 background:#050706;
 border-bottom:1px solid var(--line);
}

.stats div{
 text-align:center;
 border-right:1px solid var(--line);
}

.stats div:last-child{
 border:0;
}

.stats strong{
 font-size:38px;
 color:var(--lime);
 display:block;
 font-style:italic;
}

.stats span{
 font-size:9px;
 font-weight:800;
}

/* PAGE HERO */

.page-hero{
 padding:75px 0;
 background:
 radial-gradient(circle at 75% 50%,#c9ff0014,transparent 30%),
 #080a09;
 border-bottom:1px solid var(--line);
}

.page-hero h1{
 font-size:52px;
 margin:0;
 font-style:italic;
}

.page-hero h1 span{
 color:var(--lime);
}

.page-hero p{
 color:#999;
 font-size:11px;
 max-width:650px;
 line-height:1.8;
}

/* ABOUT */

.about-grid{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:35px;
}

.about-box{
 background:#0b0e0d;
 border:1px solid var(--line);
 padding:30px;
}

.about-box h3{
 color:var(--lime);
 font-size:13px;
}

.about-box p{
 font-size:11px;
 line-height:1.8;
 color:#aaa;
}

/* SERVICES */

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

.service{
 padding:25px;
 background:#0c0f0e;
 border:1px solid var(--line);
}

.service b{
 color:var(--lime);
 font-size:28px;
}

.service h3{
 font-size:14px;
}

.service p{
 font-size:11px;
 color:#888;
 line-height:1.6;
}

/* MANUFACTURING */

.manufacturing-grid{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:16px;
}

.manufacturing-card{
 background:#0c0f0e;
 border:1px solid var(--line);
 padding:30px;
}

.manufacturing-card h3{
 color:var(--lime);
 font-size:16px;
}

.manufacturing-card li{
 font-size:11px;
 color:#aaa;
 margin:10px 0;
}

/* GALLERY */

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

.gallery .item{
 height:220px;
 background:linear-gradient(135deg,#171b18,#080a09);
 border:1px solid var(--line);
 display:flex;
 align-items:end;
 padding:18px;
 font-size:10px;
 font-weight:900;
 color:var(--lime);
 position:relative;
 overflow:hidden;
}

.gallery .item:before{
 content:"ES";
 position:absolute;
 inset:0;
 display:flex;
 align-items:center;
 justify-content:center;
 font-size:55px;
 color:#c9ff0010;
 font-style:italic;
}

/* =========================
   READY TO WORK WITH US
========================= */

.catalogue-box{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;

    background:
        radial-gradient(
            circle at 80% 50%,
            #c9ff0012 0,
            transparent 45%
        ),
        linear-gradient(
            100deg,
            #151a10,
            #090b0b
        );

    border:1px solid #35411b;
    padding:40px 45px;

    position:relative;
    overflow:hidden;
}

.catalogue-box:before{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    right:-80px;
    top:-100px;

    border:1px solid #c9ff0015;
    transform:rotate(45deg);
    pointer-events:none;
}

.catalogue-box h2{
    margin:0 0 10px;
    font-size:30px;
    font-style:italic;
    font-weight:900;
    text-transform:uppercase;
    color:var(--text);
}

.catalogue-box h2 span{
    color:var(--lime);
}

.catalogue-box p{
    color:#999;
    font-size:12px;
    line-height:1.7;
    margin:0;
    max-width:550px;
}


/* BUTTON AREA */

.catalogue-box .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:14px 22px;
    margin-left:8px;

    border:1px solid var(--lime);

    color:var(--lime);
    background:transparent;

    font-size:10px;
    font-weight:900;
    letter-spacing:.5px;
    text-transform:uppercase;

    white-space:nowrap;

    transition:all .25s ease;
}

.catalogue-box .btn:first-child{
    background:var(--lime);
    color:#050505;
}

.catalogue-box .btn:hover{
    background:var(--lime);
    color:#050505;

    transform:translateY(-3px);

    box-shadow:0 8px 22px #c9ff0033;
}

.catalogue-box .btn:first-child:hover{
    background:transparent;
    color:var(--lime);
}

/* CONTACT */

.contact-grid{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:40px;
}

.contact-info{
 display:grid;
 gap:15px;
}

.contact-info div{
 background:#0c0f0e;
 border:1px solid var(--line);
 padding:17px;
}

.contact-info b{
 display:block;
 color:var(--lime);
 font-size:9px;
 margin-bottom:6px;
}

.contact-info span{
 font-size:11px;
 color:#bbb;
}

.form{
 display:grid;
 gap:10px;
}

.form input,
.form textarea{
 width:100%;
 background:#0b0e0d;
 border:1px solid #2b312c;
 color:#fff;
 padding:13px;
 outline:none;
 font-size:10px;
}

.form input:focus,
.form textarea:focus{
 border-color:var(--lime);
}

/* FOOTER */

.footer{
 background:#030404;
 border-top:1px solid var(--line);
 padding:50px 0 25px;
}

.footer-grid{
 display:grid;
 grid-template-columns:2fr 1fr 1fr 1fr;
 gap:30px;
}

.footer h4{
 font-size:14px;
 color:var(--lime);
 margin:0 0 16px;
 font-weight:800;
}

.footer a,
.footer p,
.footer span{
 font-size:14px;
 color:#858b86;
 line-height:1.8;
 display:block;
}

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

.copyright{
 text-align:center;
 border-top:1px solid #151915;
 margin-top:35px;
 padding-top:20px;
 color:#666;
 font-size:12px;
 line-height:1.6;
}

/* FOOTER SOCIAL LINKS */

.footer-social{
 display:flex;
 align-items:center;
 gap:14px;
 margin-top:18px;
}

.footer-social span{
 color:#777;
 font-size:10px;
 font-weight:800;
 letter-spacing:1px;
 display:inline-block;
}

.footer-social a{
 width:28px;
 height:28px;
 display:flex;
 align-items:center;
 justify-content:center;
 border:1px solid var(--line);
 background:#0b0e0d;
 color:#858b86;
 font-size:14px;
 transition:all .25s ease;
}

.footer-social a:hover{
 color:#050505;
 background:var(--lime);
 border-color:var(--lime);
 transform:translateY(-3px);
 box-shadow:0 7px 16px #c9ff0033;
}

/* TABLET */

@media(max-width:1000px){

 .nav{
  gap:11px;
 }

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

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

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

/* MOBILE */

@media(max-width:720px){

 .topbar{
  display:none;
 }

 .header{
  height:72px;
 }

 .header .container{
  gap:10px;
 }

 .logo{
  min-width:auto;
 }

 .header .logo img{
  width:75px !important;
  height:58px !important;
  max-width:75px !important;
  object-fit:contain;
 }

 .menu{
  display:block;
  margin-left:auto;
 }

 .nav{
  display:none;
  position:absolute;
  left:0;
  right:0;
  top:72px;
  background:#050606;
  border-bottom:1px solid var(--line);
  padding:20px;
  flex-direction:column;
 }

 .nav.open{
  display:flex;
 }

 .quote{
  display:none;
 }

 .hero{
  min-height:580px;
 }

 .hero-bg{
  position:absolute;
  right:0;
  top:auto;
  bottom:10px;

  transform:none;

  width:100%;
  height:600px;

  display:flex;
  align-items:flex-end;
  justify-content:center;

  z-index:1;
 }

 .hero-bg img{
  width:100%;
  max-width:500px;
  height:270px;

  object-fit:contain;
  object-position:center bottom;
 }

 .hero .container{
  width:92%;
  min-height:auto;

  display:flex;
  flex-direction:column;

  align-items:center;
  justify-content:flex-start;

  text-align:center;

  padding-top:70px;
  padding-bottom:10px;

  z-index:3;
 }

 .hero-content{
  width:100%;
  text-align:center;
 }

 .eyebrow{
  font-size:9px;
  letter-spacing:4px;
  margin-bottom:12px;
 }

 .hero h1{
  font-size:45px;
  line-height:.9;
 }

 .hero p{
  margin:18px auto 8px;
  max-width:500px;
 }

 .hero small{
  font-size:9px;
  margin-bottom:20px;
 }

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

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

 .feature-strip div:nth-child(2n){
  border-right:0;
 }

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

 .products,
 .services,
 .about-grid,
 .manufacturing-grid,
 .contact-grid,
 .split{
  grid-template-columns:1fr;
 }

 .split>div+div{
  border-left:0;
  border-top:1px solid var(--line);
 }

 .stats{
  grid-template-columns:repeat(2,1fr);
  gap:20px;
 }

 .stats div:nth-child(2){
  border:0;
 }

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

.catalogue-box{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:20px;
    padding:30px 25px;
}

.catalogue-box h2{
    font-size:25px;
}

.catalogue-box p{
    font-size:10px;
}

.catalogue-box > div:last-child{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    width:100%;
}

.catalogue-box .btn{
    margin:0;
    flex:1;
    text-align:center;
    min-width:120px;
}

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

 .page-hero h1{
  font-size:40px;
 }

}


/* =========================================================
   PREMIUM CONTACT PAGE
========================================================= */

/* CONTACT HEADING */

.contact-heading{
    text-align:left;
    margin-bottom:24px;
}

.contact-heading h2{
    margin:8px 0 12px;
    font-size:32px;
    line-height:1;
    font-style:italic;
    font-weight:900;
}

.contact-heading p{
    color:#8e9590;
    font-size:12px;
    line-height:1.8;
    max-width:560px;
    margin:0;
}


/* CONTACT INFO */

.contact-info{
    display:grid;
    gap:10px;
}

.contact-card{
    display:flex;
    align-items:center;
    gap:15px;

    background:
        linear-gradient(
            135deg,
            #101410 0%,
            #0a0c0c 100%
        );

    border:1px solid var(--line);

    padding:15px 16px;

    min-height:68px;

    transition:all .25s ease;
}

.contact-card:hover{
    border-color:var(--lime);
    transform:translateX(4px);
    background:#101410;
    box-shadow:0 8px 25px rgba(0,0,0,.20);
}

.contact-icon{
    width:40px;
    height:40px;
    flex:0 0 40px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid #30362d;

    background:#090b0b;

    color:var(--lime);

    font-size:16px;

    transition:all .25s ease;
}

.contact-card:hover .contact-icon{
    background:var(--lime);
    color:#050505;
    border-color:var(--lime);
}

.contact-card b{
    display:block;

    color:var(--lime);

    font-size:9px;
    font-weight:900;

    letter-spacing:1.5px;

    margin-bottom:4px;
}

.contact-card span{
    display:block;

    color:#b9bfba;

    font-size:12px;
    line-height:1.5;
}

.contact-card a{
    color:#b9bfba;
    transition:color .2s ease;
}

.contact-card a:hover{
    color:var(--lime);
}


/* DIRECT WHATSAPP CTA */

.contact-direct{
    margin-top:16px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;

    padding:18px 20px;

    border:1px solid #35411b;

    background:
        radial-gradient(
            circle at 85% 50%,
            #c9ff0012 0,
            transparent 45%
        ),
        linear-gradient(
            100deg,
            #13180f,
            #090b0b
        );

    position:relative;
    overflow:hidden;
}

.contact-direct:after{
    content:"";

    position:absolute;

    width:140px;
    height:140px;

    right:-70px;
    top:-70px;

    border:1px solid #c9ff0012;

    transform:rotate(45deg);

    pointer-events:none;
}

.contact-direct strong{
    display:block;

    color:#f4f5f2;

    font-size:11px;
    font-weight:900;

    letter-spacing:.8px;

    margin-bottom:5px;
}

.contact-direct span{
    display:block;

    color:#858b86;

    font-size:10px;
    line-height:1.5;
}

.contact-direct .btn{
    position:relative;
    z-index:2;

    margin:0;
    white-space:nowrap;
}

.contact-direct .btn i{
    margin-right:7px;
}


/* CONTACT FORM BOX */

.contact-form-box{
    background:
        linear-gradient(
            145deg,
            #111513 0%,
            #090b0b 100%
        );

    border:1px solid var(--line);

    padding:30px;

    position:relative;
    overflow:hidden;
}

.contact-form-box:before{
    content:"";

    position:absolute;

    width:220px;
    height:220px;

    right:-120px;
    top:-120px;

    border:1px solid #c9ff0010;

    transform:rotate(45deg);

    pointer-events:none;
}

.contact-form-box:after{
    content:"";

    position:absolute;

    width:180px;
    height:180px;

    left:-120px;
    bottom:-120px;

    background:#c9ff0007;

    border:1px solid #c9ff0009;

    transform:rotate(45deg);

    pointer-events:none;
}


/* FORM HEADING */

.form-heading{
    position:relative;
    z-index:2;

    margin-bottom:24px;
}

.form-heading h2{
    margin:8px 0 12px;

    font-size:27px;
    line-height:1.05;

    font-style:italic;
    font-weight:900;

    text-transform:uppercase;
}

.form-heading p{
    margin:0;

    max-width:600px;

    color:#858b86;

    font-size:11px;
    line-height:1.7;
}


/* FORM */

.contact-form-box .form{
    position:relative;
    z-index:2;

    display:grid;
    gap:14px;
}

.form-row{
    display:grid;
    grid-template-columns:1fr 1fr;

    gap:12px;
}

.form-group{
    display:flex;
    flex-direction:column;
    gap:7px;
}

.form-group label{
    color:#8e9590;

    font-size:9px;
    font-weight:900;

    letter-spacing:1.3px;

    text-transform:uppercase;
}

.form input,
.form textarea{
    width:100%;

    background:#070908;

    border:1px solid #293029;

    color:#f4f5f2;

    padding:13px 14px;

    outline:none;

    font-family:Arial,Helvetica,sans-serif;

    font-size:11px;

    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.form input{
    height:46px;
}

.form textarea{
    min-height:150px;

    resize:vertical;

    line-height:1.6;
}

.form input::placeholder,
.form textarea::placeholder{
    color:#59605b;
}

.form input:hover,
.form textarea:hover{
    border-color:#3c443c;
}

.form input:focus,
.form textarea:focus{
    border-color:var(--lime);

    background:#0a0d0b;

    box-shadow:
        0 0 0 2px #c9ff0010,
        0 5px 20px rgba(0,0,0,.15);
}


/* FORM BUTTON */

.contact-form-box .btn{
    width:100%;

    display:flex;
    align-items:center;
    justify-content:center;

    min-height:50px;

    margin-top:3px;

    padding:14px 20px;

    border:1px solid var(--lime);

    background:var(--lime);

    color:#050505;

    font-size:10px;
    font-weight:900;

    letter-spacing:.8px;

    text-transform:uppercase;

    transition:all .25s ease;

    cursor:pointer;
}

.contact-form-box .btn:hover{
    background:transparent;

    color:var(--lime);

    transform:translateY(-2px);

    box-shadow:0 8px 20px #c9ff0033;
}

.form-note{
    display:block;

    color:#555d57;

    font-size:8px;

    line-height:1.5;

    text-align:center;

    margin-top:1px;
}


/* CONTACT PAGE GRID */

.contact-grid{
    display:grid;
    grid-template-columns:0.95fr 1.15fr;

    gap:45px;

    align-items:start;
}


/* CONTACT PAGE MINI LABEL */

.contact-left .mini,
.contact-form-box .mini{
    color:var(--lime);

    font-size:9px;

    letter-spacing:4px;

    font-weight:900;
}


/* MOBILE CONTACT PAGE */

@media(max-width:720px){

    .contact-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .contact-heading{
        text-align:center;
    }

    .contact-heading h2{
        font-size:28px;
    }

    .contact-heading p{
        margin:0 auto;
        font-size:11px;
    }

    .contact-info{
        gap:9px;
    }

    .contact-card{
        padding:13px;
        min-height:64px;
    }

    .contact-icon{
        width:36px;
        height:36px;
        flex-basis:36px;
        font-size:14px;
    }

    .contact-card b{
        font-size:8px;
    }

    .contact-card span{
        font-size:10px;
    }

    .contact-direct{
        flex-direction:column;
        align-items:flex-start;
        gap:14px;
        padding:17px;
    }

    .contact-direct .btn{
        width:100%;
    }

    .contact-form-box{
        padding:22px 18px;
    }

    .form-heading h2{
        font-size:24px;
    }

    .form-heading p{
        font-size:10px;
    }

    .form-row{
        grid-template-columns:1fr;
        gap:14px;
    }

    .form-group label{
        font-size:8px;
    }

    .form input,
    .form textarea{
        font-size:11px;
    }

    .form input{
        height:44px;
    }

    .form textarea{
        min-height:135px;
    }

    .contact-form-box .btn{
        min-height:48px;
    }
}

/* =========================================================
   PREMIUM CUSTOM MANUFACTURING PAGE
========================================================= */

/* MANUFACTURING INTRO */

.manufacturing-page-intro{
    max-width:850px;
    margin:0 auto;
    text-align:center;
}


/* =========================================================
   MANUFACTURING GRID
========================================================= */

.manufacturing-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
}

.manufacturing-card{
    background:
        radial-gradient(
            circle at 90% 10%,
            #c9ff000b 0,
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #111513 0%,
            #0a0c0c 100%
        );

    border:1px solid var(--line);

    padding:30px;

    min-height:310px;

    position:relative;
    overflow:hidden;

    transition:
        border-color .25s ease,
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}

.manufacturing-card:hover{
    border-color:var(--lime);

    transform:translateY(-5px);

    background:
        radial-gradient(
            circle at 90% 10%,
            #c9ff0012 0,
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #131812 0%,
            #0a0c0c 100%
        );

    box-shadow:
        0 14px 35px rgba(0,0,0,.28);
}


/* DECORATIVE NUMBER */

.service-number{
    position:absolute;

    right:22px;
    top:18px;

    color:#c9ff0010;

    font-size:58px;
    line-height:1;

    font-weight:900;

    font-style:italic;

    pointer-events:none;
}


/* SMALL LABEL */

.manufacturing-card:before{
    content:"CAPABILITY";

    display:block;

    color:var(--lime);

    font-size:8px;
    font-weight:900;

    letter-spacing:3px;

    margin-bottom:10px;
}


/* HEADING */

.manufacturing-card h3{
    position:relative;
    z-index:2;

    color:var(--text);

    font-size:18px;

    line-height:1.15;

    margin:0 0 12px;

    font-weight:900;

    font-style:italic;
}


/* PARAGRAPH */

.manufacturing-card p{
    color:#858b86;

    font-size:11px;

    line-height:1.75;

    max-width:500px;

    margin:0 0 20px;
}


/* LIST */

.manufacturing-card ul{
    margin:0;
    padding:0;

    list-style:none;

    display:grid;

    gap:9px;
}

.manufacturing-card li{
    display:flex;
    align-items:flex-start;

    color:#b8beb9;

    font-size:11px;

    line-height:1.5;

    margin:0;
}

.manufacturing-card li:before{
    content:"✓";

    flex:0 0 auto;

    color:var(--lime);

    font-size:12px;

    font-weight:900;

    margin-right:9px;
}

.manufacturing-card li span{
    color:#b8beb9;
}


/* =========================================================
   PROCESS SECTION
========================================================= */

.services .service{
    background:
        linear-gradient(
            145deg,
            #101312,
            #090b0b
        );

    border:1px solid var(--line);

    position:relative;

    overflow:hidden;

    transition:all .25s ease;
}

.services .service:hover{
    border-color:var(--lime);

    transform:translateY(-4px);

    box-shadow:
        0 12px 25px rgba(0,0,0,.22);
}

.services .service b{
    display:block;

    color:var(--lime);

    font-size:30px;

    line-height:1;

    font-style:italic;

    margin-bottom:18px;
}

.services .service h3{
    color:var(--text);

    font-size:13px;

    font-weight:900;

    margin:0 0 10px;
}

.services .service p{
    color:#858b86;

    font-size:11px;

    line-height:1.7;

    margin:0;
}


/* =========================================================
   CUSTOMIZATION SPLIT SECTION
========================================================= */

.split{
    display:grid;
    grid-template-columns:1fr 1fr;

    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);

    background:#080a09;
}

.split>div{
    padding:65px 7%;

    position:relative;

    overflow:hidden;
}

.split>div:first-child{
    background:
        radial-gradient(
            circle at 15% 30%,
            #c9ff0010 0,
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #101410 0%,
            #080a09 70%
        );
}

.split>div+div{
    border-left:1px solid var(--line);
}

.split .mini{
    display:block;

    color:var(--lime);

    font-size:9px;

    letter-spacing:4px;

    font-weight:900;

    margin-bottom:12px;
}

.split h2{
    font-size:34px;

    line-height:1;

    font-style:italic;

    font-weight:900;

    text-transform:uppercase;

    letter-spacing:-1px;

    margin:0 0 20px;
}

.split h2 span{
    color:var(--lime);
}

.split p{
    color:#aaa;

    font-size:12px;

    line-height:1.85;

    max-width:560px;

    margin:0 0 25px;
}


/* CUSTOMIZATION CHECKS */

.split .checks{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:12px 20px;

    padding:0;
    margin:0;

    list-style:none;

    color:#c7ccc8;

    font-size:11px;
}

.split .checks li{
    position:relative;

    padding-left:22px;

    line-height:1.5;
}

.split .checks li:before{
    content:"✓";

    position:absolute;

    left:0;
    top:0;

    color:var(--lime);

    font-size:13px;

    font-weight:900;

    margin:0;
}


/* CUSTOMIZATION BUTTON */

.split .btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    margin-top:27px;

    padding:14px 22px;

    border:1px solid var(--lime);

    background:var(--lime);

    color:#050505;

    font-size:10px;

    font-weight:900;

    letter-spacing:.6px;

    text-transform:uppercase;

    transition:all .25s ease;
}

.split .btn:hover{
    background:transparent;

    color:var(--lime);

    transform:translateY(-3px);

    box-shadow:
        0 8px 20px #c9ff0033;
}


/* RIGHT SIDE IDEAL FOR */

.split>div:last-child h3{
    color:var(--lime);

    font-size:11px;

    letter-spacing:3px;

    font-weight:900;

    margin:0 0 20px;
}

.split>div:last-child ul{
    list-style:none;

    padding:0;
    margin:0;

    display:grid;

    gap:11px;
}

.split>div:last-child li{
    position:relative;

    background:#0c0f0e;

    border:1px solid var(--line);

    padding:15px 16px 15px 42px;

    color:#b8beb9;

    font-size:11px;

    line-height:1.5;

    transition:all .25s ease;
}

.split>div:last-child li:before{
    content:"";

    position:absolute;

    left:17px;
    top:50%;

    width:8px;
    height:8px;

    background:var(--lime);

    transform:translateY(-50%) rotate(45deg);
}

.split>div:last-child li:hover{
    border-color:var(--lime);

    transform:translateX(4px);

    background:#101410;
}


/* DECORATIVE CORNER */

.split>div:first-child:after{
    content:"";

    position:absolute;

    width:180px;
    height:180px;

    right:-90px;
    bottom:-90px;

    border:1px solid #c9ff0012;

    transform:rotate(45deg);

    pointer-events:none;
}


/* =========================================================
   MANUFACTURING CTA
========================================================= */

.catalogue-box{
    position:relative;

    display:flex;

    justify-content:space-between;
    align-items:center;

    gap:30px;

    background:
        radial-gradient(
            circle at 80% 50%,
            #c9ff0012 0,
            transparent 45%
        ),
        linear-gradient(
            100deg,
            #151a10,
            #090b0b
        );

    border:1px solid #35411b;

    padding:40px 45px;

    overflow:hidden;
}

.catalogue-box:before{
    content:"";

    position:absolute;

    width:220px;
    height:220px;

    right:-80px;
    top:-100px;

    border:1px solid #c9ff0015;

    transform:rotate(45deg);

    pointer-events:none;
}

.catalogue-box h2{
    position:relative;
    z-index:2;

    margin:0 0 10px;

    font-size:30px;

    line-height:1;

    font-style:italic;

    font-weight:900;

    text-transform:uppercase;
}

.catalogue-box h2 span{
    color:var(--lime);
}

.catalogue-box p{
    position:relative;
    z-index:2;

    color:#999;

    font-size:11px;

    line-height:1.7;

    max-width:580px;

    margin:0;
}


/* CTA BUTTON AREA */

.catalogue-actions{
    position:relative;
    z-index:3;

    display:flex;

    align-items:center;

    gap:10px;

    flex-shrink:0;
}

.catalogue-actions .btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:14px 20px;

    border:1px solid var(--lime);

    background:transparent;

    color:var(--lime);

    font-size:10px;

    font-weight:900;

    letter-spacing:.5px;

    white-space:nowrap;

    text-transform:uppercase;

    transition:all .25s ease;
}

.catalogue-actions .btn.primary{
    background:var(--lime);

    color:#050505;
}

.catalogue-actions .btn:hover{
    background:var(--lime);

    color:#050505;

    transform:translateY(-3px);

    box-shadow:
        0 8px 20px #c9ff0033;
}

.catalogue-actions .btn.primary:hover{
    background:transparent;

    color:var(--lime);
}


/* =========================================================
   MANUFACTURING PAGE HERO
========================================================= */

.page-hero{
    position:relative;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 75% 50%,
            #c9ff0016,
            transparent 34%
        ),
        linear-gradient(
            120deg,
            #080a09 0%,
            #0b0e0d 60%,
            #11140f 100%
        );
}

.page-hero:after{
    content:"";

    position:absolute;

    width:380px;
    height:380px;

    right:-160px;
    top:-180px;

    border:1px solid #c9ff0010;

    transform:rotate(45deg);

    pointer-events:none;
}

.page-hero .container{
    position:relative;
    z-index:2;
}

.page-hero .mini{
    color:var(--lime);

    font-size:9px;

    letter-spacing:4px;

    font-weight:900;

    margin-bottom:12px;
}

.page-hero h1{
    font-size:52px;

    line-height:.95;

    max-width:850px;
}

.page-hero p{
    font-size:12px;

    max-width:700px;

    line-height:1.8;

    color:#999;
}


/* =========================================================
   MOBILE MANUFACTURING
========================================================= */

@media(max-width:720px){

    .manufacturing-grid{
        grid-template-columns:1fr;

        gap:12px;
    }

    .manufacturing-card{
        padding:25px;

        min-height:auto;
    }

    .service-number{
        right:18px;
        top:15px;

        font-size:48px;
    }

    .manufacturing-card h3{
        font-size:16px;

        padding-right:40px;
    }

    .manufacturing-card p{
        font-size:10px;

        line-height:1.7;
    }

    .manufacturing-card li{
        font-size:10px;
    }


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

    .split>div{
        padding:45px 7%;
    }

    .split>div+div{
        border-left:0;

        border-top:1px solid var(--line);
    }

    .split h2{
        font-size:29px;
    }

    .split p{
        font-size:11px;

        line-height:1.8;
    }

    .split .checks{
        grid-template-columns:1fr;

        gap:10px;
    }

    .split>div:last-child li{
        font-size:10px;
    }

    .split .btn{
        width:100%;

        text-align:center;
    }


    .catalogue-box{
        flex-direction:column;

        align-items:flex-start;

        gap:22px;

        padding:30px 25px;
    }

    .catalogue-box h2{
        font-size:25px;
    }

    .catalogue-box p{
        font-size:10px;
    }

    .catalogue-actions{
        display:flex;

        flex-direction:column;

        width:100%;

        gap:9px;
    }

    .catalogue-actions .btn{
        width:100%;

        margin:0;

        text-align:center;
    }


    .page-hero{
        padding:60px 0;
    }

    .page-hero h1{
        font-size:40px;

        line-height:.95;
    }

    .page-hero p{
        font-size:10px;

        line-height:1.8;
    }
}

/* =========================================================
   CUSTOM MANUFACTURING - DESKTOP FINAL OVERRIDE
========================================================= */

@media(min-width:721px){

    .manufacturing-grid{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:18px !important;
    }

    .manufacturing-card{
        background:
            radial-gradient(
                circle at 90% 10%,
                #c9ff0010 0,
                transparent 30%
            ),
            linear-gradient(
                145deg,
                #111513 0%,
                #090b0b 100%
            ) !important;

        border:1px solid var(--line) !important;

        padding:32px !important;

        min-height:300px !important;

        position:relative !important;
        overflow:hidden !important;

        transition:all .25s ease !important;
    }

    .manufacturing-card:hover{
        border-color:var(--lime) !important;
        transform:translateY(-5px) !important;
        box-shadow:0 15px 35px rgba(0,0,0,.30) !important;
    }

    .manufacturing-card:before{
        content:"CAPABILITY" !important;

        display:block !important;

        color:var(--lime) !important;

        font-size:8px !important;
        font-weight:900 !important;

        letter-spacing:3px !important;

        margin-bottom:12px !important;
    }

    .manufacturing-card h3{
        color:var(--text) !important;

        font-size:18px !important;
        line-height:1.15 !important;

        margin:0 0 12px !important;

        font-weight:900 !important;
        font-style:italic !important;
    }

    .manufacturing-card p{
        color:#858b86 !important;

        font-size:12px !important;
        line-height:1.75 !important;

        margin:0 0 20px !important;

        max-width:500px !important;
    }

    .manufacturing-card ul{
        margin:0 !important;
        padding:0 !important;

        list-style:none !important;

        display:grid !important;
        gap:9px !important;
    }

    .manufacturing-card li{
        display:flex !important;
        align-items:flex-start !important;

        color:#b8beb9 !important;

        font-size:11px !important;
        line-height:1.5 !important;

        margin:0 !important;
    }

    .manufacturing-card li:before{
        content:"✓" !important;

        color:var(--lime) !important;

        font-size:12px !important;
        font-weight:900 !important;

        margin-right:9px !important;
    }

    .manufacturing-card .service-number{
        position:absolute !important;

        right:22px !important;
        top:18px !important;

        color:#c9ff0010 !important;

        font-size:60px !important;
        line-height:1 !important;

        font-weight:900 !important;
        font-style:italic !important;
    }
}

/* =========================================================
   HOMEPAGE - PRODUCT CATEGORIES
========================================================= */

.product-categories{
    padding-top:110px;
    padding-bottom:110px;
}

.category-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.category{
    position:relative;
    min-height:360px;
    padding:28px;
    background:var(--panel);
    border:1px solid var(--line);
    color:var(--text);
    text-decoration:none;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    transition:.3s ease;
}

.category:hover{
    transform:translateY(-7px);
    border-color:var(--lime);
    background:var(--panel2);
}

.category-number{
    position:absolute;
    top:20px;
    left:22px;
    color:var(--lime);
    font-size:11px;
    font-weight:800;
    letter-spacing:2px;
}

.cat-art{
    position:absolute;
    top:45px;
    left:50%;
    transform:translateX(-50%);
    width:175px;
    height:215px;
    border:1px solid rgba(201,255,0,.18);
    background:
        radial-gradient(circle at 50% 35%,rgba(201,255,0,.13),transparent 45%),
        linear-gradient(145deg,#121616,#050606);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:38px;
    font-weight:900;
    letter-spacing:4px;
    color:var(--lime);
}

.category-content{
    position:relative;
    z-index:2;
}

.category-content h3{
    margin:0 0 10px;
    font-size:19px;
}

.category-content p{
    margin:0 0 18px;
    color:var(--muted);
    line-height:1.6;
    font-size:13px;
}

.category-content span{
    color:var(--lime);
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
}

.category-more{
    border-color:var(--lime);
    justify-content:center;
    text-align:center;
    align-items:center;
}

.category-more-icon{
    width:65px;
    height:65px;
    border:1px solid var(--lime);
    color:var(--lime);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    margin-bottom:25px;
}

.category-more h3{
    margin:0 0 12px;
    font-size:23px;
    line-height:1.1;
}

.category-more h3 span{
    display:block;
    color:var(--lime);
}

.category-more p{
    color:var(--muted);
    line-height:1.7;
    max-width:230px;
    font-size:13px;
    margin:0 0 20px;
}

.category-more strong{
    color:var(--lime);
    font-size:11px;
    letter-spacing:1px;
}


/* =========================================================
   WHY ELYVRA
========================================================= */

.why-elyvra{
    padding-top:105px;
    padding-bottom:105px;
}

.why-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.why-card{
    min-height:255px;
    padding:30px;
    border:1px solid var(--line);
    background:var(--panel);
    transition:.3s ease;
}

.why-card:hover{
    transform:translateY(-5px);
    border-color:var(--lime);
}

.why-icon{
    color:var(--lime);
    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
    margin-bottom:70px;
}

.why-card h3{
    margin:0 0 12px;
    font-size:17px;
}

.why-card p{
    margin:0;
    color:var(--muted);
    line-height:1.7;
    font-size:13px;
}


/* =========================================================
   MANUFACTURING
========================================================= */

.manufacturing-home{
    padding-top:115px;
    padding-bottom:115px;
}

.manufacturing-home-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
    align-items:start;
}

.manufacturing-home h2,
.global-home h2,
.quality-home h2{
    margin:14px 0 25px;
    font-size:clamp(40px,5vw,68px);
    line-height:.98;
}

.manufacturing-home h2 span,
.global-home h2 span,
.quality-home h2 span{
    display:block;
    color:var(--lime);
}

.manufacturing-home-grid > div:first-child p,
.global-home-grid > div:first-child p,
.quality-home-grid > div:first-child p{
    max-width:600px;
    color:var(--muted);
    line-height:1.85;
    margin-bottom:30px;
}

.manufacturing-points{
    display:grid;
    grid-template-columns:1fr 1fr;
    border-top:1px solid var(--line);
}

.manufacturing-points div{
    padding:25px 20px;
    border-bottom:1px solid var(--line);
    border-right:1px solid var(--line);
}

.manufacturing-points strong{
    display:block;
    font-size:13px;
    margin-bottom:8px;
}

.manufacturing-points span{
    display:block;
    color:var(--muted);
    font-size:12px;
    line-height:1.6;
}


/* =========================================================
   PROCESS
========================================================= */

.process-home{
    padding-top:105px;
    padding-bottom:105px;
}

.process-home-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}

.process-home-card{
    padding:35px 28px;
    border-right:1px solid var(--line);
}

.process-home-card:last-child{
    border-right:none;
}

.process-home-card > span{
    display:block;
    color:var(--lime);
    font-size:11px;
    font-weight:800;
    letter-spacing:2px;
    margin-bottom:55px;
}

.process-home-card h3{
    margin:0 0 12px;
    font-size:18px;
}

.process-home-card p{
    margin:0;
    color:var(--muted);
    font-size:13px;
    line-height:1.7;
}


/* =========================================================
   QUALITY
========================================================= */

.quality-home{
    padding-top:110px;
    padding-bottom:110px;
}

.quality-home-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
}

.quality-home-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    border-top:1px solid var(--line);
}

.quality-home-list div{
    padding:25px 20px;
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line);
}

.quality-home-list b{
    display:block;
    color:var(--lime);
    font-size:11px;
    margin-bottom:10px;
}

.quality-home-list strong{
    font-size:12px;
    letter-spacing:.5px;
}


/* =========================================================
   GLOBAL
========================================================= */

.global-home{
    padding-top:110px;
    padding-bottom:110px;
}

.global-home-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
    align-items:center;
}

.global-home-box{
    border:1px solid var(--line);
}

.global-home-box div{
    padding:28px;
    border-bottom:1px solid var(--line);
}

.global-home-box div:last-child{
    border-bottom:none;
}

.global-home-box span{
    display:block;
    color:var(--muted);
    font-size:10px;
    letter-spacing:2px;
    margin-bottom:8px;
}

.global-home-box strong{
    font-size:17px;
    letter-spacing:.5px;
}


/* =========================================================
   FINAL CTA
========================================================= */

.final-home-cta{
    padding-top:75px;
    padding-bottom:100px;
}

.final-home-cta-box{
    padding:60px;
    border:1px solid var(--line);
    background:var(--panel);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
}

.final-home-cta-box h2{
    margin:12px 0 15px;
    font-size:clamp(35px,4vw,58px);
    line-height:1;
}

.final-home-cta-box h2 span{
    display:block;
    color:var(--lime);
}

.final-home-cta-box p{
    margin:0;
    color:var(--muted);
    line-height:1.7;
}

.final-home-buttons{
    display:flex;
    gap:12px;
    flex-shrink:0;
}


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

@media(max-width:1050px){

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

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

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

    .process-home-card:nth-child(2){
        border-right:none;
    }

    .process-home-card:nth-child(-n+2){
        border-bottom:1px solid var(--line);
    }

}

@media(max-width:900px){

    .manufacturing-home-grid,
    .quality-home-grid,
    .global-home-grid{
        grid-template-columns:1fr;
        gap:50px;
    }

    .final-home-cta-box{
        flex-direction:column;
        align-items:flex-start;
    }

}

@media(max-width:720px){

    .product-categories,
    .why-elyvra,
    .manufacturing-home,
    .process-home,
    .quality-home,
    .global-home{
        padding-top:75px;
        padding-bottom:75px;
    }

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

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

    .process-home-grid{
        grid-template-columns:1fr;
    }

    .process-home-card{
        border-right:none;
        border-bottom:1px solid var(--line);
    }

    .process-home-card:last-child{
        border-bottom:none;
    }

    .manufacturing-points,
    .quality-home-list{
        grid-template-columns:1fr;
    }

    .manufacturing-points div,
    .quality-home-list div{
        border-right:none;
    }

    .final-home-cta-box{
        padding:30px 24px;
    }

    .final-home-buttons{
        width:100%;
        flex-direction:column;
    }

    .final-home-buttons .btn{
        width:100%;
        text-align:center;
    }

}
/* =========================================================
   ELYVRA HOMEPAGE - PREMIUM FINAL DESIGN
   Matches Contact + Catalogue visual system
========================================================= */


/* =========================================================
   GLOBAL HOMEPAGE TYPOGRAPHY
========================================================= */

.product-categories .heading,
.why-elyvra .heading,
.process-home .heading{
    text-align:left;
    margin-bottom:32px;
}

.product-categories .heading p,
.why-elyvra .heading p,
.process-home .heading p{
    margin-left:0;
}

.product-categories .heading h2,
.why-elyvra .heading h2,
.process-home .heading h2{
    font-size:32px;
    line-height:1;
    margin:8px 0 12px;
    font-style:italic;
    font-weight:900;
    text-transform:uppercase;
}

.product-categories .heading .mini,
.why-elyvra .heading .mini,
.manufacturing-home .mini,
.process-home .heading .mini,
.quality-home .mini,
.global-home .mini,
.final-home-cta .mini{
    color:var(--lime);
    font-size:11px;
    letter-spacing:4px;
    font-weight:900;
}


/* =========================================================
   PRODUCT CATEGORIES
========================================================= */

.product-categories{
    padding:75px 0;
    background:
        radial-gradient(
            circle at 85% 20%,
            #c9ff0008,
            transparent 30%
        ),
        #050606;
}

.category-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}

.category{
    position:relative;
    min-height:300px;

    padding:18px;

    background:
        radial-gradient(
            circle at 90% 8%,
            #c9ff000b,
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #111513 0%,
            #090b0b 100%
        );

    border:1px solid var(--line);

    display:flex;
    flex-direction:column;
    justify-content:flex-end;

    overflow:hidden;

    transition:
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.category:hover{
    border-color:var(--lime);
    transform:translateY(-5px);
    box-shadow:0 14px 30px rgba(0,0,0,.28);
}


/* CATEGORY NUMBER */

.category-number{
    position:absolute;
    top:15px;
    left:17px;

    color:var(--lime);

    font-size:8px;
    font-weight:900;

    letter-spacing:2px;

    z-index:3;
}


/* PRODUCT VISUAL */

.category .cat-art{
    position:absolute;

    top:45px;
    left:50%;

    transform:translateX(-50%);

    width:135px;
    height:165px;

    border:1px solid #c9ff0014;

    background:
        radial-gradient(
            circle at 50% 35%,
            #c9ff0015,
            transparent 50%
        ),
        linear-gradient(
            145deg,
            #121716,
            #070908
        );

    display:flex;
    align-items:center;
    justify-content:center;

    color:#c9ff0030;

    font-size:34px;
    font-weight:900;
    letter-spacing:3px;

    transition:
        transform .3s ease,
        color .3s ease,
        border-color .3s ease;
}

.category:hover .cat-art{
    transform:translateX(-50%) scale(1.04);
    color:#c9ff0080;
    border-color:#c9ff0030;
}


/* CATEGORY CONTENT */

.category-content{
    position:relative;
    z-index:2;
}

.category-content h3{
    margin:0 0 7px;

    font-size:14px;
    line-height:1.15;

    font-weight:900;
    font-style:italic;

    text-transform:uppercase;
}

.category-content p{
    margin:0 0 14px;

    color:#858b86;

    font-size:10px;
    line-height:1.65;

    max-width:260px;
}

.category-content span{
    display:inline-flex;

    align-items:center;

    color:var(--lime);

    font-size:9px;
    font-weight:900;

    letter-spacing:1px;

    transition:transform .2s ease;
}

.category:hover .category-content span{
    transform:translateX(4px);
}


/* EXPLORE MORE CARD */

.category-more{
    min-height:300px;

    align-items:flex-start;
    justify-content:center;

    text-align:left;

    background:
        radial-gradient(
            circle at 85% 20%,
            #c9ff0014,
            transparent 40%
        ),
        linear-gradient(
            145deg,
            #151a10,
            #090b0b
        );

    border-color:#35411b;
}

.category-more:hover{
    border-color:var(--lime);
}

.category-more-icon{
    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid var(--lime);

    color:var(--lime);

    font-size:22px;

    margin-bottom:28px;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;
}

.category-more:hover .category-more-icon{
    background:var(--lime);
    color:#050505;
    transform:rotate(90deg);
}

.category-more h3{
    margin:0 0 10px;

    font-size:20px;
    line-height:1;

    font-style:italic;
    font-weight:900;
}

.category-more h3 span{
    display:block;
    color:var(--lime);
}

.category-more p{
    margin:0 0 20px;

    max-width:230px;

    color:#858b86;

    font-size:10px;
    line-height:1.7;
}

.category-more strong{
    display:inline-flex;

    color:var(--lime);

    font-size:9px;
    font-weight:900;

    letter-spacing:1px;

    transition:transform .2s ease;
}

.category-more:hover strong{
    transform:translateX(4px);
}


/* =========================================================
   WHY ELYVRA SPORTS?
========================================================= */

.why-elyvra{
    padding:75px 0;

    background:
        radial-gradient(
            circle at 10% 20%,
            #c9ff0008,
            transparent 30%
        ),
        #080a09;
}

.why-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
}

.why-card{
    min-height:235px;

    padding:24px 22px;

    background:
        linear-gradient(
            145deg,
            #111513 0%,
            #090b0b 100%
        );

    border:1px solid var(--line);

    position:relative;
    overflow:hidden;

    transition:
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.why-card:after{
    content:"";

    position:absolute;

    width:110px;
    height:110px;

    right:-60px;
    bottom:-60px;

    border:1px solid #c9ff0010;

    transform:rotate(45deg);

    pointer-events:none;
}

.why-card:hover{
    border-color:var(--lime);
    transform:translateY(-4px);
    box-shadow:0 12px 28px rgba(0,0,0,.25);
}

.why-icon{
    display:flex;
    align-items:center;
    justify-content:center;

    width:34px;
    height:34px;

    border:1px solid #30362d;

    background:#090b0b;

    color:var(--lime);

    font-size:9px;
    font-weight:900;

    margin-bottom:60px;

    transition:
        background .25s ease,
        color .25s ease;
}

.why-card:hover .why-icon{
    background:var(--lime);
    color:#050505;
    border-color:var(--lime);
}

.why-card h3{
    margin:0 0 9px;

    font-size:14px;
    line-height:1.2;

    font-style:italic;
    font-weight:900;
}

.why-card p{
    margin:0;

    color:#858b86;

    font-size:10px;
    line-height:1.75;
}


/* =========================================================
   CUSTOM MANUFACTURING
========================================================= */

.manufacturing-home{
    padding:75px 0;
    background:
        radial-gradient(circle at 12% 30%,#c9ff0008,transparent 32%),
        #080a09;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}

.manufacturing-home-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:45px;
    align-items:start;
}

.manufacturing-intro .mini,
.quality-home .mini{
    display:block;
    color:var(--lime);
    font-size:9px;
    letter-spacing:4px;
    font-weight:900;
    margin-bottom:10px;
}

.manufacturing-home h2,
.quality-home h2{
    margin:0 0 18px;
    font-size:34px;
    line-height:1;
    font-style:italic;
    font-weight:900;
    text-transform:uppercase;
}

.manufacturing-home h2 span,
.quality-home h2 span{
    display:block;
    color:var(--lime);
}

.manufacturing-intro p,
.quality-home-grid > div:first-child p{
    max-width:500px;
    margin:0 0 22px;
    color:#858b86;
    font-size:11px;
    line-height:1.8;
}

.manufacturing-points,
.quality-home-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    border-top:1px solid var(--line);
    border-left:1px solid var(--line);
}

.manufacturing-points div,
.quality-home-list div{
    min-height:108px;
    padding:18px;
    background:#0d100f;
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line);
    transition:.25s ease;
}

.manufacturing-points div:hover,
.quality-home-list div:hover{
    background:#111511;
    border-color:var(--lime);
}

.manufacturing-points b,
.quality-home-list b{
    display:block;
    color:var(--lime);
    font-size:9px;
    font-style:italic;
    font-weight:900;
    margin-bottom:10px;
}

.manufacturing-points strong,
.quality-home-list strong{
    display:block;
    color:var(--text);
    font-size:11px;
    font-style:italic;
    font-weight:900;
    margin-bottom:6px;
}

.manufacturing-points span,
.quality-home-list span{
    display:block;
    color:#858b86;
    font-size:9px;
    line-height:1.55;
}


/* =========================================================
   HOW WE WORK
========================================================= */

.process-home{
    padding:75px 0;
    background:#050606;
}

.process-home .heading{
    text-align:left;
    margin-bottom:30px;
}

.process-home-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px solid var(--line);
    border-left:1px solid var(--line);
}

.process-home-card{
    min-height:190px;
    padding:22px;
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line);
    background:
        linear-gradient(145deg,#111513,#090b0b);
    transition:.25s ease;
}

.process-home-card:hover{
    background:#101410;
    border-color:var(--lime);
    transform:translateY(-3px);
}

.process-home-card > span{
    display:block;
    color:var(--lime);
    font-size:10px;
    font-style:italic;
    font-weight:900;
    letter-spacing:2px;
    margin-bottom:45px;
}

.process-home-card h3{
    margin:0 0 8px;
    color:var(--text);
    font-size:14px;
    font-style:italic;
    font-weight:900;
}

.process-home-card p{
    margin:0;
    color:#858b86;
    font-size:10px;
    line-height:1.7;
}


/* =========================================================
   QUALITY & PRODUCTION
========================================================= */

.quality-home{
    padding:75px 0;
    background:
        radial-gradient(circle at 90% 20%,#c9ff0008,transparent 32%),
        #080a09;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}

.quality-home-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:45px;
    align-items:start;
}
/* =========================================================
   GLOBAL SUPPLY
========================================================= */

.global-home{
    padding:80px 0;

    background:#050606;

    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}

.global-home-grid{
    display:grid;
    grid-template-columns:1fr 1fr;

    gap:60px;

    align-items:center;
}

.global-home h2{
    margin:8px 0 20px;

    font-size:34px;
    line-height:1;

    font-style:italic;
    font-weight:900;

    text-transform:uppercase;
}

.global-home h2 span{
    display:block;
    color:var(--lime);
}

.global-home-grid > div:first-child p{
    max-width:520px;

    color:#858b86;

    font-size:11px;
    line-height:1.8;

    margin:0 0 24px;
}

.global-home .btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:13px 20px;

    border:1px solid var(--lime);

    background:var(--lime);

    color:#050505;

    font-size:10px;
    font-weight:900;

    letter-spacing:.6px;

    text-transform:uppercase;

    transition:all .25s ease;
}

.global-home .btn:hover{
    background:transparent;
    color:var(--lime);

    transform:translateY(-3px);

    box-shadow:0 8px 20px #c9ff0033;
}


/* GLOBAL BOX */

.global-home-box{
    border:1px solid var(--line);

    background:
        radial-gradient(
            circle at 90% 10%,
            #c9ff0010,
            transparent 35%
        ),
        linear-gradient(
            145deg,
            #111513,
            #090b0b
        );

    position:relative;
    overflow:hidden;
}

.global-home-box:after{
    content:"";

    position:absolute;

    width:160px;
    height:160px;

    right:-90px;
    bottom:-90px;

    border:1px solid #c9ff0012;

    transform:rotate(45deg);

    pointer-events:none;
}

.global-home-box div{
    padding:22px;

    border-bottom:1px solid var(--line);

    transition:background .25s ease;
}

.global-home-box div:last-child{
    border-bottom:none;
}

.global-home-box div:hover{
    background:#101410;
}

.global-home-box span{
    display:block;

    color:var(--lime);

    font-size:8px;
    font-weight:900;

    letter-spacing:2px;

    margin-bottom:7px;
}

.global-home-box strong{
    display:block;

    color:#f4f5f2;

    font-size:14px;

    font-style:italic;
    font-weight:900;
}


/* =========================================================
   FINAL START YOUR PROJECT
   Matches CATALOGUE CTA
========================================================= */

.final-home-cta{
    padding:70px 0 85px;
}

.final-home-cta-box{
    position:relative;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:30px;

    padding:40px 45px;

    background:
        radial-gradient(
            circle at 80% 50%,
            #c9ff0012 0,
            transparent 45%
        ),
        linear-gradient(
            100deg,
            #151a10,
            #090b0b
        );

    border:1px solid #35411b;

    overflow:hidden;
}

.final-home-cta-box:before{
    content:"";

    position:absolute;

    width:220px;
    height:220px;

    right:-80px;
    top:-100px;

    border:1px solid #c9ff0015;

    transform:rotate(45deg);

    pointer-events:none;
}

.final-home-cta-box h2{
    position:relative;
    z-index:2;

    margin:0 0 10px;

    font-size:30px;
    line-height:1;

    font-style:italic;
    font-weight:900;

    text-transform:uppercase;
}

.final-home-cta-box h2 span{
    display:block;
    color:var(--lime);
}

.final-home-cta-box p{
    position:relative;
    z-index:2;

    margin:0;

    max-width:580px;

    color:#999;

    font-size:11px;
    line-height:1.7;
}

.final-home-buttons{
    position:relative;
    z-index:3;

    display:flex;

    align-items:center;

    gap:10px;

    flex-shrink:0;
}

.final-home-buttons .btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:14px 20px;

    border:1px solid var(--lime);

    background:transparent;

    color:var(--lime);

    font-size:10px;
    font-weight:900;

    letter-spacing:.5px;

    white-space:nowrap;

    text-transform:uppercase;

    transition:all .25s ease;
}

.final-home-buttons .btn.primary{
    background:var(--lime);
    color:#050505;
}

.final-home-buttons .btn:hover{
    background:var(--lime);
    color:#050505;

    transform:translateY(-3px);

    box-shadow:0 8px 20px #c9ff0033;
}

.final-home-buttons .btn.primary:hover{
    background:transparent;
    color:var(--lime);
}


/* =========================================================
   HOMEPAGE STATS - SLIGHT UPGRADE
========================================================= */

.stats{
    padding:34px 0;

    background:#050706;

    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}

.stats strong{
    font-size:34px;
}

.stats span{
    font-size:8px;
    letter-spacing:.8px;
}


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

@media(max-width:1050px){

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

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

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

    .process-home-card:nth-child(2){
        border-right:none;
    }

    .process-home-card:nth-child(-n+2){
        border-bottom:1px solid var(--line);
    }

}


@media(max-width:900px){

    .manufacturing-home-grid,
    .quality-home-grid,
    .global-home-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .final-home-cta-box{
        flex-direction:column;
        align-items:flex-start;
    }

}


@media(max-width:720px){

    .product-categories,
    .why-elyvra,
    .manufacturing-home,
    .process-home,
    .quality-home,
    .global-home{
        padding-top:60px;
        padding-bottom:60px;
    }

    .product-categories .heading h2,
    .why-elyvra .heading h2,
    .process-home .heading h2{
        font-size:27px;
    }

    .category-grid{
        grid-template-columns:1fr;
        gap:10px;
    }

    .category{
        min-height:280px;
    }

    .category .cat-art{
        width:120px;
        height:145px;
    }

    .why-grid{
        grid-template-columns:1fr;
        gap:10px;
    }

    .why-card{
        min-height:200px;
    }

    .why-icon{
        margin-bottom:45px;
    }

    .manufacturing-home h2,
    .quality-home h2,
    .global-home h2{
        font-size:29px;
    }

    .manufacturing-points,
    .quality-home-list{
        grid-template-columns:1fr;
    }

    .process-home-grid{
        grid-template-columns:1fr;
    }

    .process-home-card{
        min-height:165px;
        border-right:none;
        border-bottom:1px solid var(--line);
    }

    .process-home-card:last-child{
        border-bottom:none;
    }

    .global-home-box div{
        padding:18px;
    }

    .global-home-box strong{
        font-size:12px;
    }

    .final-home-cta{
        padding:50px 0 65px;
    }

    .final-home-cta-box{
        padding:30px 25px;
    }

    .final-home-cta-box h2{
        font-size:25px;
    }

    .final-home-buttons{
        width:100%;
        flex-direction:column;
    }

    .final-home-buttons .btn{
        width:100%;
    }

}

/* =========================
   WHY ELYVRA SPORTS
========================= */

.why-elyvra{
    padding:75px 0;
    background:var(--bg);
}

.section-head{
    margin-bottom:38px;
}

.section-kicker{
    display:block;
    margin-bottom:8px;
    color:var(--lime);
    font-size:12px;
    font-weight:700;
    font-style:italic;
    letter-spacing:.12em;
}

.section-head h2{
    margin:0;
    color:var(--text);
    font-size:32px;
    line-height:1.1;
    font-weight:800;
    font-style:italic;
    letter-spacing:-.01em;
}

.section-head h2 em{
    color:var(--lime);
    font-style:italic;
}

.why-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}

.why-card{
    position:relative;
    display:flex;
    align-items:flex-start;
    gap:16px;
    min-height:145px;
    padding:22px 24px;
    background:var(--panel);
    border:1px solid var(--line);
    transition:.25s ease;
    overflow:hidden;
}

.why-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:3px;
    height:0;
    background:var(--lime);
    transition:.25s ease;
}

.why-card:hover{
    border-color:var(--lime);
    transform:translateY(-2px);
}

.why-card:hover::before{
    height:100%;
}

.why-no{
    flex-shrink:0;
    color:var(--lime);
    font-size:12px;
    font-weight:700;
    font-style:italic;
    letter-spacing:.08em;
    padding-top:2px;
}

.why-content h3{
    margin:0 0 7px;
    color:var(--text);
    font-size:16px;
    line-height:1.2;
    font-weight:800;
    font-style:italic;
    letter-spacing:.025em;
}

.why-content p{
    margin:0;
    max-width:480px;
    color:var(--muted);
    font-size:13px;
    line-height:1.6;
}


/* =========================
   MOBILE
========================= */

@media(max-width:720px){

    .why-elyvra{
        padding:60px 0;
    }

    .section-head{
        margin-bottom:28px;
    }

    .section-kicker{
        font-size:11px;
    }

    .section-head h2{
        font-size:27px;
    }

    .why-grid{
        grid-template-columns:1fr;
        gap:10px;
    }

    .why-card{
        min-height:auto;
        padding:20px;
        gap:14px;
    }

    .why-content h3{
        font-size:15px;
    }

    .why-content p{
        font-size:13px;
    }

/* =========================================================
   CUSTOM MANUFACTURING + QUALITY BUTTONS
========================================================= */

.manufacturing-home .btn,
.quality-home .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:13px 20px;

    background:var(--lime);
    color:#050505;

    border:1px solid var(--lime);

    font-size:10px;
    font-weight:900;
    letter-spacing:.6px;

    text-transform:uppercase;
    text-decoration:none;

    transition:
        background .25s ease,
        color .25s ease,
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;

    cursor:pointer;
}

.manufacturing-home .btn:hover,
.quality-home .btn:hover{
    background:transparent;
    color:var(--lime);
    border-color:var(--lime);

    transform:translateY(-3px);

    box-shadow:0 8px 20px #c9ff0033;
}
@media(max-width:720px){

    .manufacturing-home .btn,
    .quality-home .btn{
        width:100%;
        min-height:46px;
        text-align:center;
    }

}
}


/* =========================================================
   CUSTOM MANUFACTURING BUTTON — FINAL OVERRIDE
========================================================= */

.manufacturing-home .btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    min-height:46px !important;

    padding:13px 22px !important;

    background:var(--lime) !important;
    color:#050505 !important;

    border:1px solid var(--lime) !important;
    border-radius:0 !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:10px !important;
    font-weight:900 !important;

    letter-spacing:.7px !important;
    line-height:1 !important;

    text-transform:uppercase !important;
    text-decoration:none !important;

    cursor:pointer !important;

    transition:
        all .25s ease !important;
}

.manufacturing-home .btn:hover{
    background:transparent !important;
    color:var(--lime) !important;
    border-color:var(--lime) !important;

    transform:translateY(-3px) !important;

    box-shadow:0 8px 20px #c9ff0033 !important;
}


/* =========================================================
   QUALITY & PRODUCTION BUTTON — FINAL OVERRIDE
========================================================= */

.quality-home .btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    min-height:46px !important;

    padding:13px 22px !important;

    background:var(--lime) !important;
    color:#050505 !important;

    border:1px solid var(--lime) !important;
    border-radius:0 !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:10px !important;
    font-weight:900 !important;

    letter-spacing:.7px !important;
    line-height:1 !important;

    text-transform:uppercase !important;
    text-decoration:none !important;

    cursor:pointer !important;

    transition:all .25s ease !important;
}

.quality-home .btn:hover{
    background:transparent !important;
    color:var(--lime) !important;
    border-color:var(--lime) !important;

    transform:translateY(-3px) !important;

    box-shadow:0 8px 20px #c9ff0033 !important;
}

/* =========================================================
   ELYVRA HOMEPAGE
   UNIFIED CONTAINER DESIGN
   MATCHES CUSTOM MANUFACTURING PAGE
========================================================= */


/* =========================================================
   COMMON CONTAINER STYLE
========================================================= */

.why-card,
.process-home-card,
.manufacturing-points > div,
.quality-home-list > div,
.global-home-box > div{
    position:relative;

    background:
        radial-gradient(
            circle at 90% 10%,
            #c9ff0010 0,
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #111513 0%,
            #090b0b 100%
        );

    border:1px solid var(--line);

    overflow:hidden;

    transition:
        border-color .25s ease,
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}


/* HOVER */

.why-card:hover,
.process-home-card:hover,
.manufacturing-points > div:hover,
.quality-home-list > div:hover,
.global-home-box > div:hover{
    border-color:var(--lime);

    transform:translateY(-4px);

    background:
        radial-gradient(
            circle at 90% 10%,
            #c9ff0014 0,
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #131812 0%,
            #0a0c0c 100%
        );

    box-shadow:
        0 14px 35px rgba(0,0,0,.28);
}


/* =========================================================
   WHY ELYVRA
========================================================= */

.why-card{
    min-height:220px;
    padding:24px;
}

/* number */

.why-card .why-icon{
    position:absolute;

    right:18px;
    top:15px;

    color:#c9ff0010;

    font-size:56px;
    line-height:1;

    font-weight:900;
    font-style:italic;

    margin:0;

    pointer-events:none;
}

/* small label */

.why-card:before{
    content:"";

    display:block;

    color:var(--lime);

    font-size:8px;
    font-weight:900;

    letter-spacing:3px;

    margin-bottom:12px;
}

/* heading */

.why-card h3{
    position:relative;
    z-index:2;

    color:var(--text);

    font-size:16px;
    line-height:1.15;

    margin:0 0 10px;

    font-weight:900;
    font-style:italic;
}

/* description */

.why-card p{
    position:relative;
    z-index:2;

    color:#858b86;

    font-size:10px;
    line-height:1.7;

    margin:0;

    max-width:380px;
}


/* =========================================================
   HOW WE WORK
========================================================= */

.process-home-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);

    gap:14px;

    border:0;
}

.process-home-card{
    min-height:210px;

    padding:24px;

    border:1px solid var(--line);
}


/* process number */

.process-home-card > span{
    position:absolute;

    right:18px;
    top:15px;

    width:auto;
    height:auto;

    border:0;

    color:#c9ff0010;

    font-size:56px;
    line-height:1;

    font-weight:900;
    font-style:italic;

    margin:0;

    display:block;
}


/* process label */

.process-home-card:before{
    content:"PROCESS";

    display:block;

    color:var(--lime);

    font-size:8px;
    font-weight:900;

    letter-spacing:3px;

    margin-bottom:12px;
}


/* process heading */

.process-home-card h3{
    position:relative;
    z-index:2;

    margin:0 0 10px;

    color:var(--text);

    font-size:15px;

    line-height:1.2;

    font-weight:900;
    font-style:italic;
}


/* process text */

.process-home-card p{
    position:relative;
    z-index:2;

    margin:0;

    color:#858b86;

    font-size:10px;

    line-height:1.7;
}


/* =========================================================
   CUSTOM MANUFACTURING POINTS
========================================================= */

.manufacturing-points{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:12px;

    border:0;
}

.manufacturing-points > div{
    min-height:135px;

    padding:22px;
}


/* manufacturing number */

.manufacturing-points > div:before{
    content:attr(data-number);

    position:absolute;

    right:18px;
    top:15px;

    color:#c9ff0010;

    font-size:54px;
    line-height:1;

    font-weight:900;

    font-style:italic;
}


/* manufacturing heading */

.manufacturing-points strong{
    position:relative;
    z-index:2;

    display:block;

    color:var(--text);

    font-size:14px;

    font-weight:900;
    font-style:italic;

    margin:0 0 8px;
}


/* manufacturing description */

.manufacturing-points span{
    position:relative;
    z-index:2;

    display:block;

    color:#858b86;

    font-size:9px;

    line-height:1.65;
}


/* =========================================================
   QUALITY & PRODUCTION
========================================================= */

.quality-home-list{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:12px;

    border:0;
}

.quality-home-list > div{
    min-height:125px;

    padding:22px;
}


/* quality number */

.quality-home-list b{
    display:block;

    color:#c9ff0010;

    font-size:38px;

    font-weight:900;
    font-style:italic;

    line-height:1;

    margin:0 0 14px;
}


/* quality heading */

.quality-home-list strong{
    display:block;

    color:var(--text);

    font-size:13px;

    font-weight:900;
    font-style:italic;

    margin:0 0 7px;
}


/* quality description */

.quality-home-list span{
    display:block;

    color:#858b86;

    font-size:9px;

    line-height:1.6;
}


/* =========================================================
   GLOBAL SUPPLY
========================================================= */

.global-home-box{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:12px;

    border:0;
}

.global-home-box > div{
    min-height:125px;

    padding:22px;
}

.global-home-box > div:last-child{
    border-bottom:1px solid var(--line);
}


/* global small label */

.global-home-box span{
    position:relative;
    z-index:2;

    display:block;

    color:var(--lime);

    font-size:8px;

    font-weight:900;

    letter-spacing:3px;

    margin-bottom:12px;
}


/* global heading */

.global-home-box strong{
    position:relative;
    z-index:2;

    display:block;

    color:var(--text);

    font-size:13px;

    font-weight:900;
    font-style:italic;

    line-height:1.3;
}


/* =========================================================
   CTA BOX
========================================================= */

.final-home-cta-box{
    position:relative;

    background:
        radial-gradient(
            circle at 90% 10%,
            #c9ff0010 0,
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #111513 0%,
            #090b0b 100%
        );

    border:1px solid var(--line);

    transition:.25s ease;
}

.final-home-cta-box:hover{
    border-color:var(--lime);

    box-shadow:
        0 14px 35px rgba(0,0,0,.28);
}


/* =========================================================
   CATEGORY CARDS
   SAME BORDER / BACKGROUND LANGUAGE
========================================================= */

.category{
    background:
        radial-gradient(
            circle at 90% 10%,
            #c9ff0010 0,
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #111513 0%,
            #090b0b 100%
        );

    border:1px solid var(--line);
}

.category:hover{
    border-color:var(--lime);

    background:
        radial-gradient(
            circle at 90% 10%,
            #c9ff0014 0,
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #131812 0%,
            #0a0c0c 100%
        );

    box-shadow:
        0 14px 35px rgba(0,0,0,.28);
}


/* =========================================================
   FEATURED PRODUCT CARDS
========================================================= */

.card{
    background:
        radial-gradient(
            circle at 90% 10%,
            #c9ff0010 0,
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #111513 0%,
            #090b0b 100%
        );

    border:1px solid var(--line);

    transition:.25s ease;
}

.card:hover{
    border-color:var(--lime);

    transform:translateY(-4px);

    box-shadow:
        0 14px 35px rgba(0,0,0,.28);
}

/* =========================================================
   HOMEPAGE FINAL FIX
   WHY ELYVRA + GLOBAL SUPPLY
========================================================= */


/* =========================================================
   WHY ELYVRA SPORTS
========================================================= */

.why-elyvra{
    padding:70px 0;
    background:#050606;
}

.why-elyvra .section-head{
    margin-bottom:30px;
}

.why-elyvra .section-kicker{
    display:block;
    color:var(--lime);
    font-size:9px;
    font-weight:900;
    font-style:normal;
    letter-spacing:4px;
    margin-bottom:9px;
}

.why-elyvra .section-head h2{
    margin:0;
    color:var(--text);
    font-size:32px;
    line-height:1;
    font-weight:900;
    font-style:italic;
    text-transform:uppercase;
}

.why-elyvra .section-head h2 em{
    color:var(--lime);
}


/* 3 CARDS DESKTOP */

.why-elyvra .why-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
}


/* CARD */

.why-elyvra .why-card{
    position:relative;

    display:block;

    min-height:170px;
    height:auto;

    padding:25px 26px;

    background:
        radial-gradient(
            circle at 90% 10%,
            #c9ff000b 0,
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #101312 0%,
            #090b0b 100%
        );

    border:1px solid var(--line);

    overflow:hidden;

    transition:
        border-color .25s ease,
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}


/* REMOVE OLD LEFT BAR */

.why-elyvra .why-card::before{
    content:none !important;
}


/* DECORATIVE CORNER */

.why-elyvra .why-card::after{
    content:"";

    position:absolute;

    width:120px;
    height:120px;

    right:-78px;
    bottom:-78px;

    border:1px solid #c9ff0010;

    transform:rotate(45deg);

    pointer-events:none;
}


/* HOVER */

.why-elyvra .why-card:hover{
    border-color:var(--lime);

    transform:translateY(-4px);

    background:
        radial-gradient(
            circle at 90% 10%,
            #c9ff0012 0,
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #121611 0%,
            #090b0b 100%
        );

    box-shadow:0 12px 28px rgba(0,0,0,.28);
}


/* NUMBER */

.why-elyvra .why-no{
    position:relative;
    z-index:2;

    display:block;

    margin:0 0 22px;
    padding:0;

    color:var(--lime);

    font-size:28px;
    line-height:1;

    font-weight:900;
    font-style:italic;

    letter-spacing:0;
}


/* TEXT */

.why-elyvra .why-content{
    position:relative;
    z-index:2;
}

.why-elyvra .why-content h3{
    margin:0 0 8px;

    color:#f4f5f2;

    font-size:14px;
    line-height:1.2;

    font-weight:900;
    font-style:italic;

    text-transform:uppercase;
}

.why-elyvra .why-content p{
    margin:0;

    max-width:340px;

    color:#858b86;

    font-size:10px;
    line-height:1.65;
}



/* =========================================================
   GLOBAL SUPPLY
   RIGHT SIDE LIKE "IDEAL FOR"
========================================================= */

.global-home .global-home-box{
    display:flex !important;
    flex-direction:column !important;

    gap:10px !important;

    border:0 !important;
    background:none !important;

    overflow:visible !important;
}


/* REMOVE OLD BIG DECORATION */

.global-home .global-home-box::after{
    display:none !important;
}


/* ROW */

.global-home .global-home-box > div{
    position:relative;

    display:flex;
    flex-direction:column;
    justify-content:center;

    min-height:70px;

    padding:15px 20px 15px 52px;

    background:#0c0f0e !important;

    border:1px solid var(--line) !important;

    transition:
        border-color .25s ease,
        background .25s ease,
        transform .25s ease;
}


/* LIME DIAMOND */

.global-home .global-home-box > div::before{
    content:"";

    position:absolute;

    left:20px;
    top:50%;

    width:9px;
    height:9px;

    background:var(--lime);

    transform:
        translateY(-50%)
        rotate(45deg);
}


/* ROW HOVER */

.global-home .global-home-box > div:hover{
    border-color:var(--lime) !important;
    background:#101410 !important;
    transform:translateX(4px);
}


/* SMALL LABEL */

.global-home .global-home-box span{
    display:block;

    margin:0 0 5px;

    color:var(--lime);

    font-size:8px;
    line-height:1;

    font-weight:900;

    letter-spacing:3px;

    text-transform:uppercase;
}


/* MAIN VALUE */

.global-home .global-home-box strong{
    display:block;

    color:#f4f5f2;

    font-size:13px;
    line-height:1.25;

    font-weight:900;
    font-style:italic;

    text-transform:uppercase;
}



/* =========================================================
   TABLET
========================================================= */

@media(max-width:1000px){

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

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:720px){

    .why-elyvra{
        padding:55px 0;
    }

    .why-elyvra .section-head{
        margin-bottom:25px;
    }

    .why-elyvra .section-kicker{
        font-size:8px;
        letter-spacing:3px;
    }

    .why-elyvra .section-head h2{
        font-size:27px;
    }

    .why-elyvra .why-grid{
        grid-template-columns:1fr;
        gap:10px;
    }

    .why-elyvra .why-card{
        min-height:150px;
        padding:21px;
    }

    .why-elyvra .why-no{
        font-size:25px;
        margin-bottom:18px;
    }

    .why-elyvra .why-content h3{
        font-size:13px;
    }

    .why-elyvra .why-content p{
        font-size:10px;
    }


    .global-home .global-home-box{
        gap:9px !important;
    }

    .global-home .global-home-box > div{
        min-height:62px;

        padding:
            13px
            15px
            13px
            45px;
    }

    .global-home .global-home-box > div::before{
        left:18px;
        width:8px;
        height:8px;
    }

    .global-home .global-home-box span{
        font-size:7px;
        letter-spacing:2px;
    }

    .global-home .global-home-box strong{
        font-size:12px;
    }

}

/* =========================================================
   ELYVRA SPORTS
   PREMIUM ABOUT PAGE
========================================================= */


/* =========================================================
   ABOUT PAGE HERO
========================================================= */

.about-page-hero{
    position:relative;
    overflow:hidden;

    padding:78px 0;

    background:
        radial-gradient(
            circle at 78% 45%,
            #c9ff0015 0,
            transparent 34%
        ),
        linear-gradient(
            120deg,
            #070908 0%,
            #0b0e0d 58%,
            #10140e 100%
        );
}

.about-page-hero:before{
    content:"";

    position:absolute;

    width:330px;
    height:330px;

    right:-150px;
    top:-165px;

    border:1px solid #c9ff0010;

    transform:rotate(45deg);

    pointer-events:none;
}

.about-page-hero .container{
    position:relative;
    z-index:2;
}

.about-page-hero .mini{
    color:var(--lime);

    font-size:9px;
    font-weight:900;

    letter-spacing:4px;

    margin-bottom:12px;
}

.about-page-hero h1{
    max-width:850px;

    margin:0 0 18px;

    color:var(--text);

    font-size:48px;
    line-height:.98;

    font-weight:900;
    font-style:italic;

    text-transform:uppercase;

    letter-spacing:-1px;
}

.about-page-hero h1 span{
    display:block;

    color:var(--lime);
}

.about-page-hero p{
    max-width:700px;

    margin:0;

    color:#969d98;

    font-size:12px;
    line-height:1.8;
}



/* =========================================================
   COMMON ABOUT TYPOGRAPHY
========================================================= */

.about-profile .mini,
.about-capabilities .mini,
.about-buyers .mini,
.about-why .mini,
.about-quality .mini,
.about-global .mini{
    color:var(--lime);

    font-size:9px;
    font-weight:900;

    letter-spacing:4px;

    text-transform:uppercase;
}


.about-profile h2,
.about-buyers h2,
.about-quality h2,
.about-global h2{
    margin:10px 0 18px;

    color:var(--text);

    font-size:34px;
    line-height:1;

    font-weight:900;
    font-style:italic;

    text-transform:uppercase;
}

.about-profile h2 span,
.about-buyers h2 span,
.about-quality h2 span,
.about-global h2 span{
    display:block;

    color:var(--lime);
}


.about-heading{
    text-align:left;

    margin-bottom:30px;
}

.about-heading .mini{
    color:var(--lime);

    font-size:9px;
    font-weight:900;

    letter-spacing:4px;

    margin-bottom:8px;
}

.about-heading h2{
    margin:0 0 12px;

    color:var(--text);

    font-size:32px;
    line-height:1;

    font-weight:900;
    font-style:italic;

    text-transform:uppercase;
}

.about-heading h2 span{
    color:var(--lime);
}

.about-heading p{
    max-width:650px;

    margin:0;

    color:#858b86;

    font-size:11px;
    line-height:1.8;
}



/* =========================================================
   ABOUT BUTTON
========================================================= */

.about-primary-btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    min-height:46px;

    padding:13px 21px;

    border:1px solid var(--lime);

    background:var(--lime);

    color:#050505;

    font-size:10px;
    font-weight:900;

    letter-spacing:.6px;

    text-transform:uppercase;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.about-primary-btn:hover{
    background:transparent;

    color:var(--lime);

    transform:translateY(-3px);

    box-shadow:0 8px 20px #c9ff0033;
}



/* =========================================================
   COMPANY PROFILE
========================================================= */

.about-profile{
    padding:75px 0;

    background:#050606;
}

.about-profile-grid{
    display:grid;

    grid-template-columns:.95fr 1.05fr;

    gap:55px;

    align-items:center;
}


/* LEFT */

.about-profile-intro p{
    max-width:540px;

    margin:0 0 14px;

    color:#909792;

    font-size:11px;
    line-height:1.85;
}

.about-profile-intro .about-primary-btn{
    margin-top:10px;
}


/* RIGHT PANEL */

.about-profile-panel{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:12px;
}

.about-profile-item{
    position:relative;

    min-height:120px;

    padding:22px;

    display:flex;

    flex-direction:column;
    justify-content:flex-end;

    background:
        radial-gradient(
            circle at 90% 10%,
            #c9ff000e 0,
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #111513,
            #090b0b
        );

    border:1px solid var(--line);

    overflow:hidden;

    transition:
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.about-profile-item:after{
    content:"";

    position:absolute;

    width:100px;
    height:100px;

    right:-65px;
    top:-65px;

    border:1px solid #c9ff0010;

    transform:rotate(45deg);

    pointer-events:none;
}

.about-profile-item:hover{
    border-color:var(--lime);

    transform:translateY(-4px);

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

.about-profile-item span{
    position:relative;
    z-index:2;

    display:block;

    margin-bottom:8px;

    color:var(--lime);

    font-size:8px;
    font-weight:900;

    letter-spacing:2.5px;
}

.about-profile-item strong{
    position:relative;
    z-index:2;

    display:block;

    color:var(--text);

    font-size:13px;
    line-height:1.3;

    font-weight:900;
    font-style:italic;

    text-transform:uppercase;
}



/* =========================================================
   MANUFACTURING CAPABILITIES
========================================================= */

.about-capabilities{
    padding:75px 0;

    background:
        radial-gradient(
            circle at 88% 15%,
            #c9ff0009,
            transparent 30%
        ),
        #080a09;

    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}

.about-capability-grid{
    display:grid;

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

    gap:12px;
}

.about-capability-card{
    position:relative;

    min-height:220px;

    padding:24px;

    background:
        radial-gradient(
            circle at 90% 10%,
            #c9ff0010 0,
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #111513,
            #090b0b
        );

    border:1px solid var(--line);

    overflow:hidden;

    transition:
        border-color .25s ease,
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}

.about-capability-card:after{
    content:"";

    position:absolute;

    width:120px;
    height:120px;

    right:-75px;
    bottom:-75px;

    border:1px solid #c9ff0010;

    transform:rotate(45deg);

    pointer-events:none;
}

.about-capability-card:hover{
    border-color:var(--lime);

    transform:translateY(-4px);

    background:
        radial-gradient(
            circle at 90% 10%,
            #c9ff0015 0,
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #131812,
            #090b0b
        );

    box-shadow:
        0 14px 35px rgba(0,0,0,.28);
}


/* LARGE NUMBER */

.about-card-number{
    position:absolute;

    right:18px;
    top:15px;

    color:#c9ff0014;

    font-size:55px;
    line-height:1;

    font-weight:900;
    font-style:italic;

    pointer-events:none;
}


/* CAPABILITY LABEL */

.about-card-label{
    position:relative;
    z-index:2;

    margin-bottom:48px;

    color:var(--lime);

    font-size:8px;
    font-weight:900;

    letter-spacing:3px;
}


/* CARD HEADING */

.about-capability-card h3{
    position:relative;
    z-index:2;

    margin:0 0 9px;

    color:var(--text);

    font-size:14px;
    line-height:1.2;

    font-weight:900;
    font-style:italic;

    text-transform:uppercase;
}


/* CARD TEXT */

.about-capability-card p{
    position:relative;
    z-index:2;

    margin:0;

    color:#858b86;

    font-size:10px;
    line-height:1.7;
}



/* =========================================================
   WHO WE WORK WITH
========================================================= */

.about-buyers{
    padding:75px 0;

    background:#050606;
}

.about-buyers-grid{
    display:grid;

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

    gap:55px;

    align-items:start;
}

.about-buyers-intro p{
    max-width:500px;

    margin:0 0 24px;

    color:#858b86;

    font-size:11px;
    line-height:1.85;
}


/* BUYER LIST */

.about-buyer-list{
    display:grid;

    grid-template-columns:1fr;

    gap:9px;
}

.about-buyer-item{
    position:relative;

    min-height:58px;

    display:flex;
    align-items:center;

    padding:14px 18px 14px 48px;

    background:#0c0f0e;

    border:1px solid var(--line);

    transition:
        border-color .25s ease,
        transform .25s ease,
        background .25s ease;
}

.about-buyer-item:hover{
    border-color:var(--lime);

    background:#101410;

    transform:translateX(4px);
}


/* DIAMOND BULLET */

.about-buyer-item > span{
    position:absolute;

    left:20px;
    top:50%;

    width:8px;
    height:8px;

    background:var(--lime);

    transform:
        translateY(-50%)
        rotate(45deg);
}

.about-buyer-item strong{
    color:#daddda;

    font-size:11px;
    line-height:1.3;

    font-weight:900;

    letter-spacing:.4px;
}



/* =========================================================
   WHY ELYVRA
========================================================= */

.about-why{
    padding:75px 0;

    background:
        radial-gradient(
            circle at 10% 20%,
            #c9ff0008,
            transparent 30%
        ),
        #080a09;

    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}

.about-why-grid{
    display:grid;

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

    gap:12px;
}

.about-why-card{
    position:relative;

    min-height:180px;

    padding:24px;

    background:
        radial-gradient(
            circle at 90% 10%,
            #c9ff000e,
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #111513,
            #090b0b
        );

    border:1px solid var(--line);

    overflow:hidden;

    transition:
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.about-why-card:after{
    content:"";

    position:absolute;

    width:100px;
    height:100px;

    right:-65px;
    bottom:-65px;

    border:1px solid #c9ff0010;

    transform:rotate(45deg);

    pointer-events:none;
}

.about-why-card:hover{
    border-color:var(--lime);

    transform:translateY(-4px);

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

.about-why-card .about-card-number{
    font-size:48px;
}

.about-why-card h3{
    position:relative;
    z-index:2;

    margin:44px 0 8px;

    color:var(--text);

    font-size:14px;
    line-height:1.2;

    font-weight:900;
    font-style:italic;

    text-transform:uppercase;
}

.about-why-card p{
    position:relative;
    z-index:2;

    margin:0;

    color:#858b86;

    font-size:10px;
    line-height:1.7;
}



/* =========================================================
   QUALITY & PRODUCTION
========================================================= */

.about-quality{
    padding:75px 0;

    background:#050606;
}

.about-quality-grid{
    display:grid;

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

    gap:55px;

    align-items:start;
}

.about-quality-intro p{
    max-width:500px;

    margin:0 0 14px;

    color:#858b86;

    font-size:11px;
    line-height:1.85;
}

.about-quality-intro .about-primary-btn{
    margin-top:10px;
}


/* QUALITY LIST */

.about-quality-list{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:10px;
}

.about-quality-item{
    position:relative;

    min-height:115px;

    display:flex;
    align-items:flex-start;

    gap:15px;

    padding:20px;

    background:
        radial-gradient(
            circle at 90% 10%,
            #c9ff000c,
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #111513,
            #090b0b
        );

    border:1px solid var(--line);

    transition:
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.about-quality-item:hover{
    border-color:var(--lime);

    transform:translateY(-3px);

    box-shadow:
        0 10px 25px rgba(0,0,0,.24);
}

.about-quality-item b{
    flex:0 0 auto;

    color:var(--lime);

    font-size:11px;
    line-height:1;

    font-weight:900;
    font-style:italic;
}

.about-quality-item strong{
    display:block;

    margin-bottom:7px;

    color:var(--text);

    font-size:11px;
    line-height:1.2;

    font-weight:900;
    font-style:italic;
}

.about-quality-item span{
    display:block;

    color:#858b86;

    font-size:9px;
    line-height:1.6;
}



/* =========================================================
   GLOBAL MANUFACTURING
========================================================= */

.about-global{
    padding:75px 0;

    background:
        radial-gradient(
            circle at 82% 50%,
            #c9ff000d,
            transparent 38%
        ),
        #080a09;

    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}

.about-global-box{
    position:relative;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:55px;

    align-items:center;

    padding:40px;

    background:
        radial-gradient(
            circle at 85% 20%,
            #c9ff000d,
            transparent 35%
        ),
        linear-gradient(
            145deg,
            #111513,
            #090b0b
        );

    border:1px solid var(--line);

    overflow:hidden;
}

.about-global-box:after{
    content:"";

    position:absolute;

    width:220px;
    height:220px;

    right:-120px;
    top:-120px;

    border:1px solid #c9ff0012;

    transform:rotate(45deg);

    pointer-events:none;
}

.about-global-content{
    position:relative;
    z-index:2;
}

.about-global-content p{
    max-width:500px;

    margin:0;

    color:#858b86;

    font-size:11px;
    line-height:1.85;
}


/* RIGHT SIDE */

.about-global-details{
    position:relative;
    z-index:2;

    display:flex;

    flex-direction:column;

    gap:9px;
}

.about-global-details > div{
    position:relative;

    min-height:62px;

    display:flex;

    flex-direction:column;
    justify-content:center;

    padding:13px 18px 13px 46px;

    background:#0b0e0d;

    border:1px solid var(--line);

    transition:
        border-color .25s ease,
        background .25s ease,
        transform .25s ease;
}

.about-global-details > div:before{
    content:"";

    position:absolute;

    left:18px;
    top:50%;

    width:8px;
    height:8px;

    background:var(--lime);

    transform:
        translateY(-50%)
        rotate(45deg);
}

.about-global-details > div:hover{
    border-color:var(--lime);

    background:#101410;

    transform:translateX(4px);
}

.about-global-details span{
    display:block;

    margin-bottom:5px;

    color:var(--lime);

    font-size:7px;
    line-height:1;

    font-weight:900;

    letter-spacing:2.3px;
}

.about-global-details strong{
    display:block;

    color:var(--text);

    font-size:12px;
    line-height:1.25;

    font-weight:900;
    font-style:italic;
}



/* =========================================================
   ABOUT PAGE STATS
========================================================= */

.about-global + .stats{
    background:#050706;

    border-top:0;
}

.about-global + .stats strong{
    font-size:34px;
}

.about-global + .stats span{
    font-size:8px;

    letter-spacing:.8px;
}



/* =========================================================
   TABLET
========================================================= */

@media(max-width:1000px){

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

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

}



/* =========================================================
   TABLET / SMALL LAPTOP
========================================================= */

@media(max-width:900px){

    .about-profile-grid,
    .about-buyers-grid,
    .about-quality-grid,
    .about-global-box{
        grid-template-columns:1fr;

        gap:35px;
    }

    .about-global-box{
        padding:32px;
    }

}



/* =========================================================
   MOBILE
========================================================= */

@media(max-width:720px){

    /* HERO */

    .about-page-hero{
        padding:58px 0;
    }

    .about-page-hero h1{
        font-size:36px;
    }

    .about-page-hero p{
        font-size:10px;
        line-height:1.75;
    }


    /* SECTIONS */

    .about-profile,
    .about-capabilities,
    .about-buyers,
    .about-why,
    .about-quality,
    .about-global{
        padding:58px 0;
    }


    /* HEADINGS */

    .about-profile h2,
    .about-buyers h2,
    .about-quality h2,
    .about-global h2{
        font-size:28px;
    }

    .about-heading h2{
        font-size:27px;
    }

    .about-heading p{
        font-size:10px;
    }


    /* PROFILE */

    .about-profile-grid{
        gap:30px;
    }

    .about-profile-panel{
        grid-template-columns:1fr;

        gap:9px;
    }

    .about-profile-item{
        min-height:95px;

        padding:18px;
    }


    /* CAPABILITIES */

    .about-capability-grid{
        grid-template-columns:1fr;

        gap:10px;
    }

    .about-capability-card{
        min-height:185px;

        padding:21px;
    }

    .about-card-number{
        font-size:48px;
    }

    .about-card-label{
        margin-bottom:40px;
    }


    /* BUYER LIST */

    .about-buyers-grid{
        gap:28px;
    }

    .about-buyer-item{
        min-height:55px;

        padding:
            13px
            15px
            13px
            43px;
    }

    .about-buyer-item > span{
        left:17px;

        width:7px;
        height:7px;
    }

    .about-buyer-item strong{
        font-size:10px;
    }


    /* WHY ELYVRA */

    .about-why-grid{
        grid-template-columns:1fr;

        gap:10px;
    }

    .about-why-card{
        min-height:160px;

        padding:21px;
    }

    .about-why-card .about-card-number{
        font-size:44px;
    }

    .about-why-card h3{
        margin-top:38px;

        font-size:13px;
    }


    /* QUALITY */

    .about-quality-grid{
        gap:28px;
    }

    .about-quality-list{
        grid-template-columns:1fr;

        gap:9px;
    }

    .about-quality-item{
        min-height:95px;

        padding:18px;
    }


    /* GLOBAL */

    .about-global-box{
        padding:25px 20px;

        gap:28px;
    }

    .about-global-details > div{
        min-height:58px;

        padding:
            12px
            14px
            12px
            42px;
    }

    .about-global-details > div:before{
        left:16px;

        width:7px;
        height:7px;
    }


    /* BUTTON */

    .about-primary-btn{
        width:100%;

        min-height:46px;

        text-align:center;
    }

}

/* =========================================================
   ELYVRA SPORTS
   PREMIUM PRODUCTS PAGE
========================================================= */


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

.products-page-hero{
    position:relative;
    overflow:hidden;

    padding:78px 0;

    background:
        radial-gradient(
            circle at 78% 45%,
            #c9ff0015 0,
            transparent 34%
        ),
        linear-gradient(
            120deg,
            #070908 0%,
            #0b0e0d 58%,
            #10140e 100%
        );
}

.products-page-hero .container{
    position:relative;
    z-index:2;
}

.products-page-hero .mini{
    color:var(--lime);

    font-size:9px;
    font-weight:900;

    letter-spacing:4px;

    margin-bottom:12px;
}

.products-page-hero h1{
    max-width:850px;

    margin:0 0 18px;

    color:var(--text);

    font-size:48px;
    line-height:.98;

    font-weight:900;
    font-style:italic;

    text-transform:uppercase;

    letter-spacing:-1px;
}

.products-page-hero h1 span{
    display:block;
    color:var(--lime);
}

.products-page-hero p{
    max-width:700px;

    margin:0;

    color:#969d98;

    font-size:12px;
    line-height:1.8;
}


/* =========================================================
   COMMON PRODUCT PAGE MINI LABELS
========================================================= */

.products-intro .mini,
.products-page-section .mini,
.products-customization .mini,
.products-manufacturing .mini,
.products-more .mini,
.products-final-cta .mini{
    color:var(--lime);

    font-size:9px;
    font-weight:900;

    letter-spacing:4px;

    text-transform:uppercase;
}


/* =========================================================
   PRODUCTS INTRODUCTION
========================================================= */

.products-intro{
    padding:65px 0;

    background:#050606;

    border-bottom:1px solid var(--line);
}

.products-intro-grid{
    display:grid;

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

    gap:60px;

    align-items:start;
}

.products-intro h2{
    margin:10px 0 0;

    color:var(--text);

    font-size:34px;
    line-height:1;

    font-weight:900;
    font-style:italic;

    text-transform:uppercase;
}

.products-intro h2 span{
    display:block;
    color:var(--lime);
}

.products-intro-grid > div:last-child p{
    max-width:570px;

    margin:0 0 12px;

    color:#858b86;

    font-size:11px;
    line-height:1.8;
}


/* =========================================================
   PRODUCT SECTION
========================================================= */

.products-page-section{
    padding:75px 0;

    background:
        radial-gradient(
            circle at 90% 10%,
            #c9ff0008,
            transparent 28%
        ),
        #080a09;
}


/* SECTION HEADING */

.products-heading{
    text-align:left;

    margin-bottom:32px;
}

.products-heading .mini{
    margin-bottom:8px;
}

.products-heading h2{
    margin:0 0 12px;

    color:var(--text);

    font-size:32px;
    line-height:1;

    font-weight:900;
    font-style:italic;

    text-transform:uppercase;
}

.products-heading h2 span{
    color:var(--lime);
}

.products-heading p{
    max-width:650px;

    margin:0;

    color:#858b86;

    font-size:11px;
    line-height:1.8;
}


/* =========================================================
   PRODUCT GRID
========================================================= */

.product-page-grid{
    display:grid;

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

    gap:14px;
}


/* =========================================================
   PRODUCT CARD
========================================================= */

.product-page-card{
    position:relative;

    display:flex;
    flex-direction:column;

    min-width:0;

    background:
        radial-gradient(
            circle at 90% 8%,
            #c9ff000c 0,
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #111513 0%,
            #090b0b 100%
        );

    border:1px solid var(--line);

    overflow:hidden;

    transition:
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.product-page-card:hover{
    border-color:var(--lime);

    transform:translateY(-5px);

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


/* =========================================================
   PRODUCT IMAGE AREA
========================================================= */

.product-page-visual{
    position:relative;

    height:280px;

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 50% 45%,
            #c9ff0016 0,
            transparent 48%
        ),
        linear-gradient(
            145deg,
            #111513,
            #070908
        );

    border-bottom:1px solid var(--line);
}


/* REAL PRODUCT IMAGES */

.product-page-visual img{
    display:block;

    width:100%;
    height:100%;

    object-fit:contain;
    object-position:center;

    padding:18px;

    transition:
        transform .35s ease,
        filter .35s ease;
}

.product-page-card:hover .product-page-visual img{
    transform:scale(1.045);

    filter:
        drop-shadow(
            0 15px 25px rgba(0,0,0,.38)
        );
}


/* PLACEHOLDER - USED UNTIL IMAGE EXISTS */

.product-page-placeholder{
    display:flex;

    align-items:center;
    justify-content:center;

    width:70%;
    height:72%;

    color:#c9ff0045;

    font-size:24px;
    font-weight:900;
    font-style:italic;

    letter-spacing:2px;

    border:1px solid #c9ff0012;

    background:
        radial-gradient(
            circle,
            #c9ff0015,
            transparent 60%
        );
}


/* PRODUCT NUMBER */

.product-page-number{
    position:absolute;

    left:17px;
    top:16px;

    z-index:5;

    color:var(--lime);

    font-size:9px;
    font-weight:900;

    letter-spacing:2px;
}


/* =========================================================
   PRODUCT CONTENT
========================================================= */

.product-page-content{
    display:flex;

    flex:1;
    flex-direction:column;

    padding:21px 20px 20px;
}

.product-page-label{
    display:block;

    margin-bottom:8px;

    color:var(--lime);

    font-size:8px;
    line-height:1;

    font-weight:900;

    letter-spacing:2.3px;

    text-transform:uppercase;
}

.product-page-content h3{
    margin:0 0 10px;

    color:var(--text);

    font-size:15px;
    line-height:1.15;

    font-weight:900;
    font-style:italic;

    text-transform:uppercase;
}

.product-page-content p{
    margin:0 0 14px;

    color:#858b86;

    font-size:10px;
    line-height:1.7;
}


/* PRODUCT OPTIONS */

.product-page-options{
    margin-top:auto;
    margin-bottom:14px;

    padding-top:12px;

    border-top:1px solid #202520;

    color:#a5aca6;

    font-size:8px;
    line-height:1.6;

    font-weight:800;

    letter-spacing:.5px;
}


/* PRODUCT CTA */

.product-page-link{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    align-self:flex-start;

    min-height:36px;

    padding:9px 13px;

    border:1px solid var(--lime);

    background:transparent;

    color:var(--lime);

    font-size:8px;
    font-weight:900;

    letter-spacing:.7px;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.product-page-link:hover{
    background:var(--lime);

    color:#050505;

    transform:translateY(-2px);

    box-shadow:0 7px 18px #c9ff0030;
}


/* =========================================================
   PRODUCT CUSTOMIZATION
========================================================= */

.products-customization{
    padding:75px 0;

    background:#050606;

    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}

.products-customization-grid{
    display:grid;

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

    gap:50px;

    align-items:start;
}

.products-customization-intro h2{
    margin:10px 0 18px;

    color:var(--text);

    font-size:34px;
    line-height:1;

    font-weight:900;
    font-style:italic;

    text-transform:uppercase;
}

.products-customization-intro h2 span{
    display:block;
    color:var(--lime);
}

.products-customization-intro p{
    max-width:500px;

    margin:0 0 22px;

    color:#858b86;

    font-size:11px;
    line-height:1.8;
}


/* CUSTOMIZATION GRID */

.products-customization-list{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:11px;
}

.products-customization-list > div{
    position:relative;

    min-height:130px;

    padding:22px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 90% 10%,
            #c9ff0010 0,
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #111513,
            #090b0b
        );

    border:1px solid var(--line);

    transition:
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.products-customization-list > div:before{
    content:attr(data-number);

    position:absolute;

    right:17px;
    top:14px;

    color:#c9ff0011;

    font-size:48px;
    line-height:1;

    font-weight:900;
    font-style:italic;
}

.products-customization-list > div:hover{
    border-color:var(--lime);

    transform:translateY(-4px);

    box-shadow:
        0 12px 28px rgba(0,0,0,.25);
}

.products-customization-list strong{
    position:relative;
    z-index:2;

    display:block;

    margin-bottom:8px;

    color:var(--text);

    font-size:13px;
    line-height:1.2;

    font-weight:900;
    font-style:italic;
}

.products-customization-list span{
    position:relative;
    z-index:2;

    display:block;

    max-width:220px;

    color:#858b86;

    font-size:9px;
    line-height:1.65;
}


/* =========================================================
   PRODUCT PAGE PRIMARY BUTTON
========================================================= */

.products-primary-btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    min-height:45px;

    padding:13px 20px;

    border:1px solid var(--lime);

    background:var(--lime);

    color:#050505;

    font-size:9px;
    font-weight:900;

    letter-spacing:.6px;

    text-transform:uppercase;

    transition:all .25s ease;
}

.products-primary-btn:hover{
    background:transparent;

    color:var(--lime);

    transform:translateY(-3px);

    box-shadow:0 8px 20px #c9ff0033;
}


/* =========================================================
   OEM / ODM / PRIVATE LABEL
========================================================= */

.products-manufacturing{
    padding:75px 0;

    background:
        radial-gradient(
            circle at 85% 20%,
            #c9ff000b,
            transparent 35%
        ),
        #080a09;
}

.products-manufacturing-box{
    position:relative;

    display:grid;

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

    gap:55px;

    padding:40px;

    background:
        radial-gradient(
            circle at 90% 10%,
            #c9ff000d,
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #111513,
            #090b0b
        );

    border:1px solid var(--line);

    overflow:hidden;
}

.products-manufacturing-box:after{
    content:"";

    position:absolute;

    width:220px;
    height:220px;

    right:-120px;
    top:-120px;

    border:1px solid #c9ff0012;

    transform:rotate(45deg);

    pointer-events:none;
}

.products-manufacturing-box > div{
    position:relative;
    z-index:2;
}

.products-manufacturing-box h2{
    margin:10px 0 18px;

    color:var(--text);

    font-size:34px;
    line-height:1;

    font-weight:900;
    font-style:italic;

    text-transform:uppercase;
}

.products-manufacturing-box h2 span{
    display:block;
    color:var(--lime);
}

.products-manufacturing-box > div:first-child > p{
    max-width:500px;

    margin:0 0 23px;

    color:#858b86;

    font-size:11px;
    line-height:1.8;
}


/* OEM LIST */

.products-manufacturing-list{
    display:flex;

    flex-direction:column;

    gap:9px;
}

.products-manufacturing-list > div{
    position:relative;

    display:flex;

    align-items:flex-start;

    gap:17px;

    min-height:75px;

    padding:15px 17px;

    background:#0b0e0d;

    border:1px solid var(--line);

    transition:
        border-color .25s ease,
        background .25s ease,
        transform .25s ease;
}

.products-manufacturing-list > div:hover{
    border-color:var(--lime);

    background:#101410;

    transform:translateX(4px);
}


/* DIAMOND */

.products-manufacturing-list > div > span{
    flex:0 0 auto;

    width:8px;
    height:8px;

    margin-top:5px;

    background:var(--lime);

    transform:rotate(45deg);
}

.products-manufacturing-list strong{
    display:block;

    margin-bottom:4px;

    color:var(--text);

    font-size:11px;

    font-weight:900;
    font-style:italic;
}

.products-manufacturing-list p{
    margin:0;

    color:#858b86;

    font-size:9px;
    line-height:1.6;
}



/* =========================================================
   FINAL PRODUCTS CTA
========================================================= */

.products-final-cta{
    padding:55px 0 80px;
}

.products-final-cta-box{
    position:relative;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:30px;

    padding:40px 45px;

    background:
        radial-gradient(
            circle at 80% 50%,
            #c9ff0012 0,
            transparent 45%
        ),
        linear-gradient(
            100deg,
            #151a10,
            #090b0b
        );

    border:1px solid #35411b;

    overflow:hidden;
}

.products-final-cta-box:before{
    content:"";

    position:absolute;

    width:220px;
    height:220px;

    right:-80px;
    top:-100px;

    border:1px solid #c9ff0015;

    transform:rotate(45deg);

    pointer-events:none;
}

.products-final-cta-box > div{
    position:relative;
    z-index:2;
}

.products-final-cta-box h2{
    margin:9px 0 10px;

    color:var(--text);

    font-size:30px;
    line-height:1;

    font-weight:900;
    font-style:italic;

    text-transform:uppercase;
}

.products-final-cta-box h2 span{
    display:block;
    color:var(--lime);
}

.products-final-cta-box p{
    max-width:580px;

    margin:0;

    color:#999;

    font-size:11px;
    line-height:1.7;
}

.products-final-buttons{
    display:flex;

    align-items:center;

    gap:10px;

    flex-shrink:0;
}

.products-final-buttons .btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    min-height:43px;

    padding:13px 20px;

    border:1px solid var(--lime);

    background:transparent;

    color:var(--lime);

    font-size:9px;
    font-weight:900;

    white-space:nowrap;

    transition:all .25s ease;
}

.products-final-buttons .btn.primary{
    background:var(--lime);
    color:#050505;
}

.products-final-buttons .btn:hover{
    background:var(--lime);

    color:#050505;

    transform:translateY(-3px);

    box-shadow:0 8px 20px #c9ff0033;
}

.products-final-buttons .btn.primary:hover{
    background:transparent;
    color:var(--lime);
}


/* =========================================================
   PRODUCTS TABLET
========================================================= */

@media(max-width:1000px){

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

}


/* =========================================================
   PRODUCTS SMALL TABLET
========================================================= */

@media(max-width:900px){

    .products-intro-grid,
    .products-customization-grid,
    .products-manufacturing-box{
        grid-template-columns:1fr;

        gap:32px;
    }

    .products-final-cta-box,
    .products-more-box{
        flex-direction:column;

        align-items:flex-start;
    }

}


/* =========================================================
   PRODUCTS MOBILE
========================================================= */

@media(max-width:720px){

    .products-page-hero{
        padding:58px 0;
    }

    .products-page-hero h1{
        font-size:36px;
    }

    .products-page-hero p{
        font-size:10px;
    }


    .products-intro,
    .products-page-section,
    .products-customization,
    .products-manufacturing{
        padding:58px 0;
    }


    .products-intro h2,
    .products-customization-intro h2,
    .products-manufacturing-box h2{
        font-size:28px;
    }


    .products-heading h2{
        font-size:27px;
    }


    /* PRODUCT GRID */

    .product-page-grid{
        grid-template-columns:1fr;

        gap:11px;
    }


    .product-page-visual{
        height:250px;
    }

    .product-page-visual img{
        padding:14px;
    }


    .product-page-content{
        padding:18px;
    }


    .product-page-content h3{
        font-size:14px;
    }


    .product-page-content p{
        font-size:10px;
    }


    /* CUSTOMIZATION */

    .products-customization-list{
        grid-template-columns:1fr;

        gap:9px;
    }

    .products-customization-list > div{
        min-height:115px;

        padding:19px;
    }


    /* OEM */

    .products-manufacturing-box{
        padding:25px 20px;
    }


    /* MORE */

    .products-more{
        padding:45px 0;
    }

    .products-more-box{
        padding:24px 20px;
    }

    .products-more-box h2{
        font-size:22px;
    }

    .products-outline-btn{
        width:100%;
    }


    /* FINAL CTA */

    .products-final-cta{
        padding:45px 0 60px;
    }

    .products-final-cta-box{
        padding:28px 22px;
    }

    .products-final-cta-box h2{
        font-size:25px;
    }

    .products-final-buttons{
        width:100%;

        flex-direction:column;
    }

    .products-final-buttons .btn{
        width:100%;
    }


    .products-primary-btn{
        width:100%;
    }

}

/* =========================================================
   ELYVRA SPORTS
   PREMIUM GALLERY PAGE
========================================================= */


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

.gallery-page-hero{
    position:relative;
    overflow:hidden;

    padding:78px 0;

    background:
        radial-gradient(
            circle at 78% 45%,
            #c9ff0015 0,
            transparent 34%
        ),
        linear-gradient(
            120deg,
            #070908 0%,
            #0b0e0d 58%,
            #10140e 100%
        );
}

.gallery-page-hero:before{
    content:"";

    position:absolute;

    width:330px;
    height:330px;

    right:-150px;
    top:-165px;

    border:1px solid #c9ff0010;

    transform:rotate(45deg);

    pointer-events:none;
}

.gallery-page-hero .container{
    position:relative;
    z-index:2;
}

.gallery-page-hero .mini{
    display:block;

    color:var(--lime);

    font-size:9px;
    font-weight:900;

    letter-spacing:4px;

    margin-bottom:12px;

    text-transform:uppercase;
}

.gallery-page-hero h1{
    max-width:900px;

    margin:0 0 18px;

    color:var(--text);

    font-size:48px;
    line-height:.98;

    font-weight:900;
    font-style:italic;

    text-transform:uppercase;

    letter-spacing:-1px;
}

.gallery-page-hero h1 span{
    display:block;

    color:var(--lime);
}

.gallery-page-hero p{
    max-width:680px;

    margin:0;

    color:#969d98;

    font-size:12px;
    line-height:1.8;
}


/* =========================================================
   COMMON GALLERY TYPOGRAPHY
========================================================= */

.gallery-intro .mini,
.gallery-products .mini,
.gallery-production .mini,
.gallery-branding .mini,
.gallery-process .mini,
.gallery-final-cta .mini{
    color:var(--lime);

    font-size:9px;
    font-weight:900;

    letter-spacing:4px;

    text-transform:uppercase;
}


/* =========================================================
   GALLERY INTRO
========================================================= */

.gallery-intro{
    padding:65px 0;

    background:#050606;

    border-bottom:1px solid var(--line);
}

.gallery-intro-grid{
    display:grid;

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

    gap:60px;

    align-items:start;
}

.gallery-intro h2{
    margin:10px 0 0;

    color:var(--text);

    font-size:34px;
    line-height:1;

    font-weight:900;
    font-style:italic;

    text-transform:uppercase;
}

.gallery-intro h2 span{
    display:block;

    color:var(--lime);
}

.gallery-intro-grid > div:last-child p{
    max-width:570px;

    margin:0 0 12px;

    color:#858b86;

    font-size:11px;
    line-height:1.8;
}


/* =========================================================
   GALLERY SECTION HEADINGS
========================================================= */

.gallery-heading{
    text-align:left;

    margin-bottom:30px;
}

.gallery-heading .mini{
    margin-bottom:8px;
}

.gallery-heading h2{
    margin:0 0 12px;

    color:var(--text);

    font-size:32px;
    line-height:1;

    font-weight:900;
    font-style:italic;

    text-transform:uppercase;
}

.gallery-heading h2 span{
    color:var(--lime);
}

.gallery-heading p{
    max-width:650px;

    margin:0;

    color:#858b86;

    font-size:11px;
    line-height:1.8;
}


/* =========================================================
   PRODUCT SHOWCASE
========================================================= */

.gallery-products{
    padding:75px 0;

    background:
        radial-gradient(
            circle at 90% 12%,
            #c9ff0008,
            transparent 30%
        ),
        #080a09;

    border-bottom:1px solid var(--line);
}


/* =========================================================
   GALLERY GRID
========================================================= */

.gallery-page-grid{
    display:grid;

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

    gap:13px;
}


/* =========================================================
   GALLERY CARD
========================================================= */

.gallery-page-card{
    position:relative;

    margin:0;

    min-width:0;

    background:
        radial-gradient(
            circle at 90% 10%,
            #c9ff000c 0,
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #111513,
            #090b0b
        );

    border:1px solid var(--line);

    overflow:hidden;

    transition:
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.gallery-page-card:hover{
    border-color:var(--lime);

    transform:translateY(-5px);

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


/* =========================================================
   GALLERY IMAGE AREA
========================================================= */

.gallery-photo-area{
    position:relative;

    width:100%;
    height:285px;

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 50% 45%,
            #c9ff0015 0,
            transparent 48%
        ),
        linear-gradient(
            145deg,
            #111513,
            #070908
        );

    border-bottom:1px solid var(--line);
}


/* REAL IMAGE */

.gallery-photo{
    position:absolute;

    inset:0;

    z-index:2;

    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;

    transition:
        transform .4s ease,
        filter .4s ease;
}


/* IF IMAGE HAS NO SRC */

.gallery-photo:not([src]),
.gallery-photo[src=""]{
    display:none;
}


/* IMAGE HOVER */

.gallery-page-card:hover .gallery-photo{
    transform:scale(1.045);

    filter:
        brightness(.92)
        contrast(1.03);
}


/* =========================================================
   PLACEHOLDER
========================================================= */

.gallery-photo-placeholder{
    position:relative;

    z-index:1;

    display:flex;
    align-items:center;
    justify-content:center;

    width:72%;
    height:70%;

    color:#c9ff0045;

    border:1px solid #c9ff0014;

    background:
        radial-gradient(
            circle,
            #c9ff0015,
            transparent 62%
        );

    font-size:24px;
    line-height:1;

    font-weight:900;
    font-style:italic;

    letter-spacing:2px;

    text-transform:uppercase;

    transition:
        opacity .35s ease,
        transform .35s ease;
}


/* HIDE PLACEHOLDER WHEN REAL IMAGE EXISTS */

.gallery-photo[src]:not([src=""])
+ .gallery-photo-placeholder{
    opacity:0;
}


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

.gallery-photo-area:after{
    content:"";

    position:absolute;

    inset:0;

    z-index:3;

    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            transparent 45%,
            rgba(3,4,4,.12) 65%,
            rgba(3,4,4,.45) 100%
        );
}


/* =========================================================
   GALLERY CAPTION
========================================================= */

.gallery-page-card figcaption{
    position:relative;

    z-index:4;

    padding:17px 18px 19px;
}

.gallery-page-card figcaption span{
    display:block;

    margin-bottom:7px;

    color:var(--lime);

    font-size:8px;
    line-height:1;

    font-weight:900;

    letter-spacing:2.2px;

    text-transform:uppercase;
}

.gallery-page-card figcaption strong{
    display:block;

    color:var(--text);

    font-size:13px;
    line-height:1.25;

    font-weight:900;
    font-style:italic;

    text-transform:uppercase;
}


/* =========================================================
   MANUFACTURING & PRODUCTION
========================================================= */

.gallery-production{
    padding:75px 0;

    background:#050606;

    border-bottom:1px solid var(--line);
}


/* =========================================================
   BRANDING & PACKAGING
========================================================= */

.gallery-branding{
    padding:75px 0;

    background:
        radial-gradient(
            circle at 10% 20%,
            #c9ff0008,
            transparent 30%
        ),
        #080a09;

    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}

.gallery-branding-grid{
    display:grid;

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

    gap:12px;
}

.gallery-branding-grid .gallery-photo-area{
    height:240px;
}


/* =========================================================
   PROCESS SECTION
========================================================= */

.gallery-process{
    padding:75px 0;

    background:#050606;
}

.gallery-process-grid{
    display:grid;

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

    gap:55px;

    align-items:start;
}


/* LEFT */

.gallery-process-intro h2{
    margin:10px 0 18px;

    color:var(--text);

    font-size:34px;
    line-height:1;

    font-weight:900;
    font-style:italic;

    text-transform:uppercase;
}

.gallery-process-intro h2 span{
    display:block;

    color:var(--lime);
}

.gallery-process-intro p{
    max-width:500px;

    margin:0 0 22px;

    color:#858b86;

    font-size:11px;
    line-height:1.8;
}


/* =========================================================
   PROCESS BUTTON
========================================================= */

.gallery-primary-btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    min-height:45px;

    padding:13px 21px;

    border:1px solid var(--lime);

    background:var(--lime);

    color:#050505;

    font-size:9px;
    font-weight:900;

    letter-spacing:.6px;

    text-transform:uppercase;

    transition:all .25s ease;
}

.gallery-primary-btn:hover{
    background:transparent;

    color:var(--lime);

    transform:translateY(-3px);

    box-shadow:
        0 8px 20px #c9ff0033;
}


/* =========================================================
   PROCESS LIST
========================================================= */

.gallery-process-list{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:11px;
}

.gallery-process-list > div{
    position:relative;

    min-height:140px;

    padding:22px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 90% 10%,
            #c9ff0010,
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #111513,
            #090b0b
        );

    border:1px solid var(--line);

    transition:
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}


/* LARGE NUMBER */

.gallery-process-list > div:before{
    content:attr(data-number);

    position:absolute;

    right:17px;
    top:14px;

    color:#c9ff0011;

    font-size:50px;
    line-height:1;

    font-weight:900;
    font-style:italic;

    pointer-events:none;
}


/* CARD HOVER */

.gallery-process-list > div:hover{
    border-color:var(--lime);

    transform:translateY(-4px);

    box-shadow:
        0 12px 28px rgba(0,0,0,.25);
}


/* HEADING */

.gallery-process-list strong{
    position:relative;

    z-index:2;

    display:block;

    margin-bottom:8px;

    color:var(--text);

    font-size:13px;
    line-height:1.2;

    font-weight:900;
    font-style:italic;

    text-transform:uppercase;
}


/* DESCRIPTION */

.gallery-process-list span{
    position:relative;

    z-index:2;

    display:block;

    max-width:230px;

    color:#858b86;

    font-size:9px;
    line-height:1.65;
}


/* =========================================================
   FINAL CTA
========================================================= */

.gallery-final-cta{
    padding:55px 0 80px;

    background:#050606;
}

.gallery-final-cta-box{
    position:relative;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:30px;

    padding:40px 45px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 80% 50%,
            #c9ff0012 0,
            transparent 45%
        ),
        linear-gradient(
            100deg,
            #151a10,
            #090b0b
        );

    border:1px solid #35411b;
}


/* DECORATION */

.gallery-final-cta-box:before{
    content:"";

    position:absolute;

    width:220px;
    height:220px;

    right:-80px;
    top:-100px;

    border:1px solid #c9ff0015;

    transform:rotate(45deg);

    pointer-events:none;
}


/* CTA CONTENT */

.gallery-final-cta-box > div{
    position:relative;

    z-index:2;
}

.gallery-final-cta-box h2{
    margin:9px 0 10px;

    color:var(--text);

    font-size:30px;
    line-height:1;

    font-weight:900;
    font-style:italic;

    text-transform:uppercase;
}

.gallery-final-cta-box h2 span{
    display:block;

    color:var(--lime);
}

.gallery-final-cta-box p{
    max-width:580px;

    margin:0;

    color:#999;

    font-size:11px;
    line-height:1.7;
}


/* =========================================================
   FINAL CTA BUTTONS
========================================================= */

.gallery-final-buttons{
    display:flex;

    align-items:center;

    gap:10px;

    flex-shrink:0;
}

.gallery-final-buttons .btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    min-height:43px;

    padding:13px 20px;

    border:1px solid var(--lime);

    background:transparent;

    color:var(--lime);

    font-size:9px;
    font-weight:900;

    white-space:nowrap;

    text-transform:uppercase;

    transition:all .25s ease;
}

.gallery-final-buttons .btn.primary{
    background:var(--lime);

    color:#050505;
}

.gallery-final-buttons .btn:hover{
    background:var(--lime);

    color:#050505;

    transform:translateY(-3px);

    box-shadow:
        0 8px 20px #c9ff0033;
}

.gallery-final-buttons .btn.primary:hover{
    background:transparent;

    color:var(--lime);
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1000px){

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

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

}


/* =========================================================
   SMALL TABLET
========================================================= */

@media(max-width:900px){

    .gallery-intro-grid,
    .gallery-process-grid{
        grid-template-columns:1fr;

        gap:32px;
    }

    .gallery-final-cta-box{
        flex-direction:column;

        align-items:flex-start;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:720px){

    /* HERO */

    .gallery-page-hero{
        padding:58px 0;
    }

    .gallery-page-hero h1{
        font-size:36px;
    }

    .gallery-page-hero p{
        font-size:10px;
    }


    /* SECTIONS */

    .gallery-intro,
    .gallery-products,
    .gallery-production,
    .gallery-branding,
    .gallery-process{
        padding:58px 0;
    }


    /* HEADINGS */

    .gallery-intro h2,
    .gallery-process-intro h2{
        font-size:28px;
    }

    .gallery-heading h2{
        font-size:27px;
    }

    .gallery-heading p{
        font-size:10px;
    }


    /* GALLERY GRID */

    .gallery-page-grid{
        grid-template-columns:1fr;

        gap:10px;
    }


    /* IMAGE */

    .gallery-photo-area{
        height:250px;
    }

    .gallery-photo-placeholder{
        font-size:20px;
    }


    /* BRANDING */

    .gallery-branding-grid{
        grid-template-columns:1fr;

        gap:10px;
    }

    .gallery-branding-grid .gallery-photo-area{
        height:250px;
    }


    /* PROCESS */

    .gallery-process-list{
        grid-template-columns:1fr;

        gap:9px;
    }

    .gallery-process-list > div{
        min-height:120px;

        padding:20px;
    }

    .gallery-process-list > div:before{
        font-size:44px;
    }


    /* PROCESS BUTTON */

    .gallery-primary-btn{
        width:100%;

        text-align:center;
    }


    /* FINAL CTA */

    .gallery-final-cta{
        padding:45px 0 60px;
    }

    .gallery-final-cta-box{
        padding:28px 22px;
    }

    .gallery-final-cta-box h2{
        font-size:25px;
    }

    .gallery-final-buttons{
        width:100%;

        flex-direction:column;
    }

    .gallery-final-buttons .btn{
        width:100%;
    }

}

/* =========================================================
   HOMEPAGE HEADER + HERO
   RESPONSIVE DESKTOP / LAPTOP FINAL FIX
========================================================= */


/* =========================================================
   DESKTOP + LAPTOP
========================================================= */

@media(min-width:721px){

    /* -----------------------------------------------------
       WIDER HEADER / TOPBAR / HERO CONTAINER

       Old container max = 1180px.
       This allows the header and hero to use more screen
       width on 1366 / 1440 / 1600 / 1920 monitors.
    ----------------------------------------------------- */

    .topbar .container,
    .header .container,
    .hero .container{
        width:min(1600px,94%) !important;
        max-width:none !important;
    }


    /* =====================================================
       HEADER
    ===================================================== */

    .header .container{
        gap:clamp(12px,1.2vw,24px);
    }


    /* LOGO */

    .header .logo{
        flex:0 0 auto;

        min-width:clamp(
            115px,
            9vw,
            165px
        );
    }

    .header .logo img{
        width:clamp(
            105px,
            7vw,
            125px
        ) !important;

        height:82px !important;

        object-fit:contain !important;
    }


    /* NAVIGATION */

    .nav{
        flex:1;

        min-width:0;

        display:flex;

        align-items:center;
        justify-content:center;

        gap:clamp(
            9px,
            1vw,
            20px
        );
    }

    .nav a{
        white-space:nowrap;

        font-size:clamp(
            11px,
            .62vw,
            11px
        );

        padding:11px 3px;
    }


    /* QUOTE BUTTON */

    .quote{
        flex:0 0 auto;

        padding:
            13px
            clamp(13px,1.1vw,20px);

        font-size:clamp(
            9px,
            .62vw,
            11px
        );
    }



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

    .hero{
        min-height:0;

        height:clamp(
            520px,
            34vw,
            620px
        );
    }


    /* HERO TEXT CONTAINER */

    .hero .container{
        height:100%;
        min-height:0;

        padding-top:clamp(
            100px,
            7.5vw,
            145px
        );

        padding-bottom:30px;
    }


    /* KEEP TEXT ON LEFT HALF */

    .hero .hero-content{
        padding-right:50%;
    }


    /* RESPONSIVE HERO TITLE */

    .hero h1{
        font-size:clamp(
            50px,
            3.35vw,
            64px
        );
    }



    /* =====================================================
       HERO PRODUCT IMAGE
    ===================================================== */

    .hero-bg{
        position:absolute;

        top:0;
        right:0;
        bottom:0;

        width:62%;
        height:100%;

        display:flex;

        align-items:center;
        justify-content:flex-end;

        overflow:hidden;

        z-index:1;
    }


    .hero-bg img{
        width:100%;
        height:100%;

        max-width:none;

        object-fit:contain;

        /*
           VERY IMPORTANT:
           anchors the artwork against the RIGHT edge.
           This fixes the empty right-side area on wide screens.
        */
        object-position:right center;

        transform:scale(1.05);

        transform-origin:right center;

        filter:
            drop-shadow(
                0 20px 35px
                rgba(0,0,0,.55)
            );
    }

}



/* =========================================================
   SMALL / MEDIUM LAPTOP
   721px - 1180px
========================================================= */

@media(min-width:721px) and (max-width:1180px){

    .topbar .container,
    .header .container,
    .hero .container{
        width:96% !important;
    }


    /* HEADER */

    .header{
        height:82px;
    }

    .header .container{
        gap:10px;
    }


    .header .logo{
        min-width:108px;
    }

    .header .logo img{
        width:100px !important;
        height:72px !important;
    }


    .nav{
        gap:7px;
    }

    .nav a{
        font-size:9px;

        padding:
            10px
            2px;
    }


    .quote{
        padding:
            12px
            11px;

        font-size:9px;
    }



    /* HERO */

    .hero{
        height:500px;
    }


    .hero .container{
        padding-top:105px;
    }


    .hero .hero-content{
        padding-right:46%;
    }


    .hero h1{
        font-size:48px;
    }


    .hero-bg{
        width:59%;
    }


    .hero-bg img{
        object-position:right center;

        transform:scale(1.02);

        transform-origin:right center;
    }

}



/* =========================================================
   NORMAL LAPTOP / DESKTOP
   1181px - 1500px
========================================================= */

@media(min-width:1181px) and (max-width:1500px){

    .hero-bg{
        width:61%;
    }


    .hero .hero-content{
        padding-right:48%;
    }

}



/* =========================================================
   LARGE PC MONITORS
========================================================= */

@media(min-width:1800px){

    .hero-bg{
        width:64%;
    }


    .hero-bg img{
        object-position:right center;

        transform:scale(1.08);

        transform-origin:right center;
    }

}

/* =========================================================
   MOBILE / TABLET FIXES
   HERO + PROCESS BOXES
========================================================= */


/* =========================================================
   1) HERO IMAGE FIX FOR MOBILE / TABLET
   Make image behave like a background with low opacity
========================================================= */

@media (max-width: 900px){

    .hero{
        min-height:700px;
        position:relative;
        overflow:hidden;

        background:
            radial-gradient(circle at 50% 65%, #c9ff0012 0, transparent 42%),
            linear-gradient(180deg, #030404 0%, #070908 55%, #0b0d0c 100%);
    }

    /* remove diagonal desktop effect on smaller screens */
    .hero:after{
        display:none;
    }

    /* stronger overlay so text stays readable */
   .hero:before{
    background:
        linear-gradient(
            180deg,
            rgba(3,4,4,.90) 0%,
            rgba(3,4,4,.72) 28%,
            rgba(3,4,4,.52) 52%,
            rgba(3,4,4,.65) 100%
        );
}

    /* hero image becomes full background */
    .hero-bg{
        position:absolute;
        inset:0;

        width:100%;
        height:100%;

        display:block;

        z-index:1;
        opacity:.40;
        pointer-events:none;
    }

    .hero-bg img{
        width:100%;
        height:100%;

        max-width:none;

        object-fit:cover;
        object-position:center bottom;

        transform:none;
        filter:none;
    }

    .hero .container{
        width:92%;
        min-height:700px;

        display:flex;
        align-items:center;
        justify-content:center;

        padding-top:40px;
        padding-bottom:40px;

        text-align:center;

        position:relative;
        z-index:3;
    }

    .hero-content{
        width:100%;
        max-width:620px;

        text-align:center;

        padding-right:0 !important;
    }

    .eyebrow{
        font-size:9px;
        letter-spacing:4px;
        margin-bottom:12px;
    }

    .hero h1{
        font-size:54px;
        line-height:.92;
        letter-spacing:-1.5px;
        transform:none;
    }

    .hero p{
        margin:18px auto 10px;
        max-width:560px;
        font-size:13px;
        line-height:1.7;
    }

    .hero small{
        display:block;
        margin-bottom:24px;
        font-size:10px;
        line-height:1.6;
    }

    .hero-buttons{
        display:flex;
        justify-content:center;
        flex-wrap:wrap;
        gap:10px;
    }
}


/* =========================================================
   SMALL MOBILE HERO
========================================================= */

@media (max-width: 720px){

    .hero{
        min-height:640px;
    }

    .hero .container{
        min-height:640px;
        padding-top:34px;
        padding-bottom:34px;
    }

    .hero h1{
        font-size:44px;
        line-height:.93;
    }

    .hero p{
        font-size:12px;
        line-height:1.7;
    }

    .hero small{
        font-size:9px;
        letter-spacing:1px;
        margin-bottom:20px;
    }

    /* buttons full width on mobile */
    .hero-buttons{
        width:100%;
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
    }

    .hero-buttons .btn{
        width:100%;
        text-align:center;
        padding:14px 16px;
        font-size:10px;
    }
}


/* =========================================================
   2) FEATURE STRIP FIX ON MOBILE
========================================================= */

@media (max-width: 720px){

    .feature-strip{
        grid-template-columns:1fr;
    }

    .feature-strip div{
        border-right:0;
        border-bottom:1px solid var(--line);
        padding:18px 14px;
    }

    .feature-strip div:last-child{
        border-bottom:0;
    }

    .feature-strip strong{
        font-size:12px;
    }

    .feature-strip span{
        font-size:10px;
        line-height:1.5;
    }
}


/* =========================================================
   3) HOW WE WORK / PROCESS BOX FIX
   Use this if your section uses:
   .process-home-grid
   .process-home-card
========================================================= */

@media (max-width: 900px){

    .process-home{
        padding:60px 0;
    }

    .process-home .heading{
        margin-bottom:24px;
    }

    .process-home .heading h2{
        font-size:34px;
        line-height:1;
    }

    .process-home .heading p{
        font-size:12px;
        line-height:1.7;
    }

    .process-home-grid{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:10px;

        border-top:0;
        border-left:0;
    }

    .process-home-card{
        min-height:auto;
        padding:20px;
        border:1px solid var(--line);
    }

    .process-home-card > span{
        margin-bottom:18px;
        font-size:8px;
        letter-spacing:2px;
    }

    .process-home-card h3{
        font-size:20px;
        line-height:1.15;
        margin:0 0 10px;
    }

    .process-home-card p{
        font-size:11px;
        line-height:1.7;
    }
}


@media (max-width: 720px){

    .process-home-grid{
        grid-template-columns:1fr;
        gap:10px;
    }

    .process-home-card{
        min-height:auto;
        padding:18px;
    }

    .process-home-card h3{
        font-size:17px;
    }

    .process-home-card p{
        font-size:10px;
        line-height:1.7;
    }
}
/* =========================================================
   MOBILE FEATURE STRIP
   ALWAYS 2 COLUMNS × 3 ROWS
========================================================= */

@media(max-width:720px){

    .feature-strip{
        display:grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        width:100%;

        background:#080a09;

        border-top:1px solid var(--line);
        border-bottom:1px solid var(--line);
    }


    /* EACH FEATURE */

    .feature-strip > div{
        min-width:0;

        min-height:185px;

        padding:25px 10px;

        display:flex;
        flex-direction:column;

        align-items:center;
        justify-content:center;

        text-align:center;

        border:0 !important;
    }


    /* CENTER VERTICAL LINE */

    .feature-strip > div:nth-child(odd){
        border-right:1px solid var(--line) !important;
    }


    /* ICON */

    .feature-strip b{
        display:flex;

        align-items:center;
        justify-content:center;

        min-height:32px;

        margin:0 0 15px;

        color:var(--lime);

        font-size:25px;
        line-height:1;
    }


    /* TITLE */

    .feature-strip strong{
        display:block;

        max-width:150px;

        margin:0 auto 8px;

        color:#f4f5f2;

        font-size:11px;
        line-height:1.25;

        font-weight:900;

        text-align:center;

        text-transform:uppercase;
    }


    /* DESCRIPTION */

    .feature-strip span{
        display:block;

        max-width:155px;

        margin:0 auto;

        color:#747b76;

        font-size:9px;
        line-height:1.55;

        text-align:center;
    }

}
@media(max-width:380px){

    .feature-strip > div{
        min-height:170px;

        padding:22px 7px;
    }

    .feature-strip b{
        font-size:22px;

        margin-bottom:13px;
    }

    .feature-strip strong{
        font-size:10px;

        max-width:135px;
    }

    .feature-strip span{
        font-size:8px;

        max-width:140px;
    }

}

/* =========================================================
   FINAL PRODUCT CATEGORY IMAGE FIX
   Keeps 4:5 product images large, clear and fully rectangular.
   This block must remain at the end of style.css.
========================================================= */

.product-categories .category-grid{
    align-items:stretch;
}

.product-categories .category:not(.category-more){
    min-height:0;
    padding:0;
    justify-content:flex-start;
}

.product-categories .category:not(.category-more) .cat-art{
    position:relative;
    inset:auto;
    top:auto;
    left:auto;

    width:100%;
    height:auto;
    aspect-ratio:4 / 5;

    flex:0 0 auto;

    transform:none;
    clip-path:none;
    overflow:hidden;

    border:0;
    background:
        radial-gradient(circle at 50% 38%, #c9ff0015, transparent 50%),
        linear-gradient(145deg, #111513, #070908);

    color:var(--lime);
    letter-spacing:0;
}

.product-categories .category:not(.category-more):hover .cat-art{
    transform:none;
    border-color:transparent;
}

.product-categories .category:not(.category-more) .cat-art img{
    display:block;

    width:100%;
    height:100%;
    max-width:none;

    object-fit:cover;
    object-position:center top;
}

.product-categories .category-content{
    width:100%;
    flex:1;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    padding:18px;
}

.product-categories .category-content p{
    flex:1;
}

.product-categories .category-number{
    top:14px;
    left:14px;
    z-index:5;

    padding:6px 8px;

    background:rgba(5,6,6,.78);
    border:1px solid rgba(201,255,0,.24);
}

.product-categories .category-more{
    min-height:100%;
    padding:28px;
}

@media(max-width:720px){

    .product-categories .category:not(.category-more){
        min-height:0;
    }

    .product-categories .category:not(.category-more) .cat-art{
        width:100%;
        height:auto;
        aspect-ratio:4 / 5;
    }

    .product-categories .category-content{
        padding:18px;
    }

    .product-categories .category-more{
        min-height:280px;
    }
}

/* =========================================================
   PRODUCTS PAGE - REAL PRODUCT IMAGE CARDS
   Keep this block at the end of style.css.
========================================================= */

.products-section .products{
    align-items:stretch;
}

.products-section .card{
    min-width:0;
    padding:10px;

    display:flex;
    flex-direction:column;

    overflow:hidden;
}

.products-section .card-art{
    position:relative;

    width:100%;
    height:auto;
    aspect-ratio:4 / 5;

    flex:none;

    clip-path:none;
    overflow:hidden;

    background:
        radial-gradient(circle at 50% 38%, #c9ff0015, transparent 52%),
        linear-gradient(145deg, #111513, #070908);
}

.products-section .card-art img{
    display:block;

    width:100%;
    height:100%;
    max-width:none;

    object-fit:cover;
    object-position:center top;

    transition:transform .35s ease;
}

.products-section .card:hover .card-art img{
    transform:scale(1.025);
}

.products-section .card h3{
    line-height:1.25;
}

.products-section .card a{
    align-self:flex-start;
    margin-top:auto;
}

@media(min-width:1001px){
    .products-section .card:last-child:nth-child(3n + 1){
        grid-column:2;
    }
}

@media(min-width:721px) and (max-width:1000px){
    .products-section .card:last-child:nth-child(2n + 1){
        grid-column:1 / -1;
        width:calc((100% - 14px) / 2);
        justify-self:center;
    }
}

@media(max-width:720px){
    .products-section .card-art{
        aspect-ratio:4 / 5;
    }
}


/* ----------------------------------------- */
/* =========================================
   HERO IMAGE — FIXED FULL BACKGROUND
========================================= */

.hero{
    position:relative;
    width:100%;
    min-height:520px;
    overflow:hidden;
}

/* IMAGE */
.hero .hero-bg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    overflow:hidden;
}

.hero .hero-bg img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:72% center;
}

/* DARK OVERLAY */
.hero::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            rgba(3,4,4,.95) 0%,
            rgba(3,4,4,.80) 30%,
            rgba(3,4,4,.42) 60%,
            rgba(3,4,4,.12) 100%
        );
}

/* TEXT ABOVE IMAGE */
.hero .hero-content{
    position:relative;
    z-index:2;
}


/* =========================================
   DESKTOP / LAPTOP
========================================= */

@media(min-width:721px){

    .hero{
        min-height:520px;
    }

    .hero .hero-bg img{
        object-fit:cover;
        object-position:center center;
    }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:720px){

    .hero{
        min-height:680px;
    }

    .hero .hero-bg{
        width:100%;
        height:100%;
    }

    .hero .hero-bg img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:80% center;
    }

    .hero::before{
        background:
            linear-gradient(
                180deg,
                rgba(3,4,4,.72) 0%,
                rgba(3,4,4,.55) 38%,
                rgba(3,4,4,.25) 68%,
                rgba(3,4,4,.55) 100%
            );
    }

}

/* =========================================================
   FINAL LIVE PRODUCTS PAGE CARD FIX
   Actual HTML classes: product-page-grid / product-page-card
   Keep this block at the absolute end of style.css.
========================================================= */

.products-page-section .product-page-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    align-items:stretch;
}

.products-page-section .product-page-card{
    min-width:0;
    height:100%;
}

.products-page-section .product-page-visual{
    position:relative;

    width:100%;
    height:auto;
    aspect-ratio:4 / 5;

    display:block;
    overflow:hidden;

    background:
        radial-gradient(circle at 50% 38%,#c9ff0015,transparent 52%),
        linear-gradient(145deg,#111513,#070908);

    border-bottom:1px solid var(--line);
}

.products-page-section .product-page-visual img{
    display:block;

    width:100%;
    height:100%;
    max-width:none;

    padding:0;

    object-fit:cover;
    object-position:center top;

    transform:none;
    filter:none;

    transition:transform .35s ease;
}

.products-page-section .product-page-card:hover .product-page-visual img{
    transform:scale(1.025);
    filter:none;
}

@media(max-width:1000px){
    .products-page-section .product-page-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:720px){
    .products-page-section .product-page-grid{
        grid-template-columns:minmax(0,1fr);
        gap:12px;
    }

    .products-page-section .product-page-visual{
        width:100%;
        height:auto;
        aspect-ratio:4 / 5;
    }

    .products-page-section .product-page-visual img{
        padding:0;
        object-fit:cover;
        object-position:center top;
    }
}

/* =========================================================
   FINAL RESPONSIVE HERO IMAGE FIX
   Laptop, desktop, wide LED screens and mobile.
========================================================= */

.hero{
    position:relative;
    width:100%;
    min-height:clamp(520px,56vh,720px);
    overflow:hidden;
    background:#030404;
}

.hero .hero-bg{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    z-index:0;
    opacity:1;
    overflow:hidden;
    pointer-events:none;
}

.hero .hero-bg img{
    position:absolute;
    inset:0;

    display:block;

    width:100%;
    height:100%;
    max-width:none;

    object-fit:cover;
    object-position:center center;

    transform:none;
    filter:none;
}

.hero::before{
    z-index:1;
}

.hero .hero-content,
.hero .container{
    position:relative;
    z-index:2;
}

/* Preserve the complete artwork on very wide LED/4K screens. */
@media(min-width:1800px){
    .hero .hero-bg img{
        object-fit:contain;
        object-position:right center;
    }
}

@media(max-width:900px){
    .hero{
        min-height:680px;
    }

    .hero .hero-bg{
        opacity:.62;
    }

    .hero .hero-bg img{
        object-fit:cover;

        /* The athletes are on the right of the original artwork.
           This focal point places them in the middle of mobile screens. */
        object-position:78% center;
    }

    .hero::before{
        background:
            linear-gradient(
                180deg,
                rgba(3,4,4,.78) 0%,
                rgba(3,4,4,.56) 34%,
                rgba(3,4,4,.30) 66%,
                rgba(3,4,4,.58) 100%
            );
    }
}

@media(max-width:720px){
    .hero{
        min-height:640px;
    }

    .hero .hero-bg{
        opacity:.66;
    }

    .hero .hero-bg img{
        object-position:78% center;
    }
}

/* =========================================================
   PRODUCTS PAGE — MATCH INDEX CARD IMAGE SIZE
   Direct selectors ensure this applies to the live page.
========================================================= */

.product-page-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
    align-items:stretch !important;
}

.product-page-card{
    min-width:0 !important;
    height:100% !important;
}

.product-page-visual{
    width:100% !important;
    height:auto !important;
    aspect-ratio:4 / 5 !important;

    display:block !important;
    overflow:hidden !important;
}

.product-page-visual img{
    width:100% !important;
    height:100% !important;
    max-width:none !important;

    padding:0 !important;

    object-fit:cover !important;
    object-position:center top !important;
}

@media(max-width:1000px){
    .product-page-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:720px){
    .product-page-grid{
        grid-template-columns:minmax(0,1fr) !important;
        gap:12px !important;
    }

    .product-page-visual{
        aspect-ratio:4 / 5 !important;
    }
}