@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Bebas+Neue&family=DM+Mono:wght@400;500&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --black:#0A0C0F;
  --charcoal:#141820;
  --graphite:#1E2530;
  --slate:#2D3748;
  --mid:#4A5568;
  --muted:#718096;
  --border:#2D3748;
  --white:#FFFFFF;
  --off-white:#F7F8FA;
  --silver:#E2E8F0;
  --gold:#C8972A;
  --gold-light:#E8B840;
  --gold-pale:#FDF6E3;
  --blue:#1A56A0;
  --blue-light:#2563EB;
  --red-de:#CC0000;
  --blk:#0A0C0F;--charcoal:#141820;--graphite:#1E2530;

}
.vs-icon{
    margin-left: 10px;
    background: var(--gold);
    color: var(--black);
    padding: 0.5rem 1.25rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 2px;
    transition: background 0.2s;
}
a{
    text-decoration: none;
}
.container{
    max-width: 1300px;
}
header{
       background: var(--black);
       height: 68px;
       display: flex;
       align-items: center;
       justify-content: space-between;
       /* padding: 0 2.5rem; */
       position: sticky;
       top: 0;
       z-index: 200;
       border-bottom: 1px solid rgba(200, 151, 42, 0.3);
}
.logo {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}
.logo-mark {
    width: 36px;
    height: 36px;
    background: var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--black);
    letter-spacing: 1px;
    font-family: 'Bebas Neue', sans-serif;
}
.logo-text {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.25rem;
    letter-spacing: 2px;
    color: var(--white);
}
.logo-text span {
    color: var(--gold);
}
.nav-phone {
    color: var(--gold);
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-decoration: none;
    margin-right: 10px;
}
.btn-quote {
    background: var(--gold);
    color: var(--black);
    padding: 0.5rem 1.25rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 2px;
    transition: background 0.2s;
}
.btn-quote:hover{
    color:#fff;
}
.nav-phone:hover{
    color:#fff;
}
.stellarnav a {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    transition: color 0.2s;
}
.hero{background:var(--black);min-height:88vh;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}
.hero-left{display:flex;flex-direction:column;justify-content:center;padding:5rem 3.5rem 5rem 2.5rem;z-index:2}
.hero-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:1.75rem}
.eyebrow-flag{display:flex;gap:2px}
.flag-stripe{width:18px;height:5px}
.eyebrow-text{font-size:0.68rem;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,0.4)}
.hero-h1{font-family:'Bebas Neue',sans-serif;font-size: 4.5rem;line-height: 75px;color:var(--white);letter-spacing:2px;margin-bottom:2rem}
.hero-h1 .accent{color:var(--gold);display:block}
.hero-tagline{font-size:0.9rem;color:rgba(255,255,255,0.5);line-height:1.8;max-width:380px;margin-bottom:2.5rem;letter-spacing:0.2px}
.hero-tagline strong{color:rgba(255,255,255,0.9);font-weight:500}
.hero-actions{display:flex;gap:1rem;margin-bottom:3.5rem}
.btn-primary{background:var(--gold);color:var(--black);padding:0.9rem 2rem;font-size:0.82rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all 0.2s}
.btn-primary:hover{background:var(--gold-light)}
.btn-secondary{background:transparent;color:var(--white);padding:0.9rem 2rem;font-size:0.82rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border:1px solid rgba(255,255,255,0.25);border-radius:2px;transition:all 0.2s}
.btn-secondary:hover{border-color:var(--white)}
.hero-stats{display:flex;gap:2.5rem;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,0.08);flex-wrap: wrap;}
.hstat-num{font-family:'Bebas Neue',sans-serif;font-size:2.8rem;color:var(--gold);line-height:1}
.hstat-lbl{font-size:0.65rem;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:1.5px;margin-top:3px}
.hero-right{position:relative;overflow:hidden}
.hero-right-bg{position:absolute;inset:0;background:var(--graphite);display:flex;align-items:center;justify-content:center}
.hero-cross-grid{position:absolute;inset:0;background-image: url('../images/Dry-Box-Rear-Doors-Feature-Shot.png');background-size: cover;}
.hero-overlay-text{position:absolute;bottom:2rem;right:2rem;text-align:right}
.hot-label{font-size:0.6rem;color:rgba(255,255,255,0.3);letter-spacing:2px;text-transform:uppercase}
.hot-value{font-family:'Bebas Neue',sans-serif;font-size:3.5rem;color:rgba(255,255,255,0.08);letter-spacing:2px;line-height:1}
.hero-diagonal{position:absolute;bottom:0;left:0;right:0;height:100px;background: #0e0e0e69;clip-path:polygon(0 70%,100% 0,100% 100%,0 100%)}


.cert-bar{background:var(--gold);padding:0.85rem 2.5rem;display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap: wrap;}
.cert-item{display:flex;align-items:center;gap:8px;color:var(--black);font-size:0.72rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.cert-icon{width:18px;height:18px;background:var(--black);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.55rem;color:var(--gold);font-weight:900}



.section{padding:5rem 2.5rem}
.section.dark{background:var(--charcoal)}
.section.light{background:var(--off-white)}
.sec-kicker{font-size:0.65rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:0.75rem}
.sec-title{font-family:'Bebas Neue',sans-serif;font-size:3.5rem;letter-spacing:1.5px;color:var(--black);line-height:1;margin-bottom:1rem}
.sec-title.on-dark{color:var(--white)}
.sec-sub{font-size:0.88rem;color:var(--mid);line-height:1.75;max-width:480px}
.sec-sub.on-dark{color:rgba(255,255,255,0.45)}
.sec-header{margin-bottom:3rem}

.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;background:var(--black);margin-top:3rem}
.prod-tile{background:var(--charcoal);display:flex;flex-direction:column;cursor:pointer;text-decoration:none;transition:background 0.2s;overflow:hidden;position:relative}
.prod-tile:hover{background:var(--graphite)}
.prod-tile:hover .prod-tile-arrow{opacity:1;transform:translateX(0)}
.prod-tile-img{width:100%;height:190px;object-fit:cover;display:block;filter:grayscale(60%);transition:filter 0.3s}
.prod-tile:hover .prod-tile-img{filter:grayscale(20%)}
.prod-tile-body{padding:1.25rem 1.25rem 1.5rem}
.prod-tile-tag{font-size:0.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:0.4rem}
.prod-tile-name{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;color:var(--white);letter-spacing:1px;line-height:1.1;margin-bottom:0.5rem}
.prod-tile-desc{font-size:0.75rem;color:rgba(255,255,255,0.38);line-height:1.6}
.prod-tile-arrow{font-size:1rem;color:var(--gold);opacity:0;transform:translateX(-6px);transition:all 0.2s;margin-top:0.75rem;display:block}


.solutions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(200,151,42,0.15);margin-top:3rem}
.sol-card{background:var(--off-white);padding:2rem;transition:background 0.2s}
.sol-card:hover{background:#fff}
.sol-num{font-family:'Bebas Neue',sans-serif;font-size:3rem;color:rgba(0,0,0,0.06);line-height:1;margin-bottom:0.5rem}
.sol-icon{width:40px;height:40px;background:var(--gold);border-radius:2px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.sol-title{font-size:0.9rem;font-weight:700;color:var(--black);margin-bottom:0.5rem;text-transform:uppercase;letter-spacing:0.5px}
.sol-text{font-size:0.78rem;color:var(--mid);line-height:1.7}
.locations-section{padding:5rem 2.5rem;background:var(--black)}
.loc-intro{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:3.5rem}
.loc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5px;background:rgba(200,151,42,0.2)}
.loc-card{background:var(--charcoal);padding:1.5rem;transition:background 0.2s;cursor:pointer}
.loc-card:hover{background:var(--graphite)}
.loc-card.hq{border-top:3px solid var(--gold)}
.loc-region{font-size:0.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);opacity:0.7;margin-bottom:0.4rem}
.loc-city{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;color:var(--white);letter-spacing:1px;line-height:1}
.loc-role{font-size:0.7rem;color:rgba(255,255,255,0.3);margin-top:0.35rem}
.loc-hq-badge{display:inline-block;background:var(--gold);color:var(--black);font-size:0.55rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:2px 6px;margin-top:0.5rem;border-radius:1px}
.about-section{display:grid;grid-template-columns:1fr 1fr;min-height:520px}
.about-visual{background:var(--graphite);position:relative;overflow:hidden;display:flex;align-items:flex-end}
.about-visual-overlay{position:relative;z-index:2;padding:2.5rem;width:100%}
.about-stat-row{display:flex;gap: 1rem;flex-wrap: wrap;}
.about-stat{background:rgba(0,0,0,0.6);padding:1rem 1.25rem;border-left:3px solid var(--gold)}
.about-stat-n{font-family:'Bebas Neue',sans-serif;font-size:2.2rem;color:var(--gold);line-height:1}
.about-stat-l{font-size:0.65rem;color:rgba(255,255,255,0.45);text-transform:uppercase;letter-spacing:1px;margin-top:2px}
.about-content{background:var(--off-white);padding:4rem 3rem;display:flex;flex-direction:column;justify-content:center}
.about-quote{font-size:1.05rem;color:var(--black);font-weight:300;line-height:1.9;margin-bottom:2rem;font-style:italic}
.about-quote strong{font-weight:600;font-style:normal}
.value-list{display:flex;flex-direction:column;gap:0.6rem}
.value-item{display:flex;align-items:center;gap:0.75rem;font-size:0.8rem;color:var(--mid);font-weight:500}
.value-dash{width:20px;height:2px;background:var(--gold);flex-shrink:0}
.abtimg{
    position: absolute;
    inset: 0;
    background: url(../images/40ft_High_Cube_Second_Hand_Shipp.png);
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.industries-section{padding:5rem 2.5rem;background:var(--white)}
.ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--silver);margin-top:3rem}
.ind-card{background:var(--white);padding:2rem 1.75rem;display:flex;align-items:flex-start;gap:1rem;transition:background 0.2s}
.ind-card:hover{background:var(--off-white)}
.ind-num{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;color:var(--silver);line-height:1;flex-shrink:0;width:36px}
.ind-title{font-size:0.85rem;font-weight:700;color:var(--black);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.35rem}
.ind-text{font-size:0.75rem;color:var(--muted);line-height:1.65}

.cta-band{background:var(--gold);padding:4rem 2.5rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3rem}
.cta-headline{font-family:'Bebas Neue',sans-serif;font-size:3.8rem;color:var(--black);letter-spacing:1.5px;line-height:0.95}
.cta-sub{font-size:0.88rem;color:rgba(0,0,0,0.6);margin-top:0.75rem}
.btn-dark{background:var(--black);color:var(--white);padding:1rem 2.5rem;font-size:0.82rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:background 0.2s;white-space:nowrap;border:none;cursor:pointer}
.btn-dark:hover{background:var(--charcoal)}

footer{background:var(--black);padding:4rem 2.5rem 2rem}
.footer-top{/* display:grid; */grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}
.footer-logo-mark{width:48px;height:48px;background:var(--gold);display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:1rem;color:var(--black);letter-spacing:1px;margin-bottom:1rem}
.footer-brand{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:2px;color:var(--white);margin-bottom:0.75rem}
.footer-brand span{color:var(--gold)}
.footer-desc{font-size:0.78rem;color:rgba(255,255,255,0.35);line-height:1.8;margin-bottom:1.25rem}
.footer-contact-item{font-size:0.75rem;color:rgba(255,255,255,0.4);line-height:2.2}
.footer-col-head{font-size:0.6rem;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,0.25);margin-bottom:1rem}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:0.6rem;padding-left: 0;}
.footer-links a{font-size:0.78rem;color:rgba(255,255,255,0.45);text-decoration:none;transition:color 0.2s}
.footer-links a:hover{color:var(--gold)}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.06);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap: wrap;gap: 10px;}
.footer-copy{font-size:0.72rem;color:rgba(255,255,255,0.2)}
.footer-certs{display:flex;gap:1rem}
.cert-chip{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);padding:4px 10px;font-size:0.65rem;font-weight:700;letter-spacing:1px;color:rgba(255,255,255,0.3);border-radius:2px}

/* HERO BANDS */
.hero-band{background:var(--blk);padding:3rem 2rem 2.5rem;position:relative;overflow:hidden}
.hero-band::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(200,151,42,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(200,151,42,0.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.hero-kicker{font-size:0.6rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:0.5rem}
.hero-h1{font-family:'Bebas Neue',sans-serif;font-size:3.5rem;color:var(--white);letter-spacing:2px;line-height:1;margin-bottom:1rem;position:relative;z-index:2}
.hero-h1 span{color:var(--gold)}
.hero-sub{font-size:0.8rem;color:rgba(255,255,255,0.45);line-height:1.8;max-width:500px;position:relative;z-index:2}
.middiv{padding: 50px 0px;}
/* SOLUTIONS */
.sol-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;background:rgba(200,151,42,0.15);margin:2rem}
.sol-use-card{background:var(--white);padding:1.5rem 1.25rem;transition:background 0.2s;cursor:pointer}
.sol-use-card:hover{background:var(--off)}
.sol-icon-box{width:36px;height:36px;background:var(--gold);display:flex;align-items:center;justify-content:center;margin-bottom:0.9rem;border-radius:2px}
.sol-icon-box svg{width:18px;height:18px;stroke:var(--blk);stroke-width:2;fill:none}
.sol-card-num{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:rgba(0,0,0,0.05);line-height:1;margin-bottom:0.25rem}
.sol-card-title{font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--blk);margin-bottom:0.4rem}
.sol-card-text{font-size:0.72rem;color:var(--muted);line-height:1.65}
.sol-card-link{font-size:0.68rem;color:var(--gold);font-weight:700;letter-spacing:0.5px;margin-top:0.6rem;display:block}

.sol-cta{background:var(--charcoal);margin:0 2rem 2rem;padding:2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}
.sol-cta-text h3{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;color:var(--white);letter-spacing:1px}
.sol-cta-text p{font-size:0.75rem;color:rgba(255,255,255,0.4);margin-top:0.35rem}
.btn-gold{background:var(--gold);color:var(--blk);padding:0.65rem 1.5rem;font-size:0.72rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-radius:2px;white-space:nowrap;cursor:pointer;border:none}
.hero-inner {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
}
.h1 {
    font-family: 'Bebas Neue', cursive;
    font-size: 3.8rem;
    color: #fff;
    letter-spacing: 2px;
    line-height: 1;
    margin-bottom: 1rem;
}
.kicker {
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #C8972A;
    margin-bottom: 0.6rem;
}
.hero-statss {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5px;
    background: rgba(200, 151, 42, 0.15);
}
.stat-box {
    background: #141820;
    padding: 1.25rem 1rem;
    text-align: center;
}
.stat-num {
    font-family: 'Bebas Neue', cursive;
    font-size: 2.2rem;
    color: #C8972A;
    letter-spacing: 1px;
}
.stat-label {
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.3);
    margin-top: 0.2rem;
}
.h1 span {
    color: #C8972A;
}

.sec-wrap{padding:2rem}
.sec-head{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
/* .sec-title{font-family:'Bebas Neue',cursive;font-size:1.4rem;letter-spacing:1.5px;color:#0A0C0F} */
.sec-line{flex:1;height:1px;background:rgba(200,151,42,0.25)}
.sec-kicker{font-size:0.58rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#C8972A}

.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5px;background:rgba(200,151,42,0.15)}
.guide-card{background:#fff;padding:1.5rem;display:flex;gap:1rem;align-items:flex-start;cursor:pointer;transition:background 0.15s}
.guide-card:hover{background:#F9FAFB}
.g-icon{width:40px;height:40px;background:#0A0C0F;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:2px}
.g-icon i{font-size:18px;color:#C8972A}
.g-tag{display:inline-block;font-size:0.55rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:2px 7px;border-radius:1px;margin-bottom:0.4rem}
.tag-g{background:#FDF6E3;color:#8B6300}
.tag-f{background:#EBF5FF;color:#0C447C}
.tag-c{background:#F0FFF4;color:#27500A}
.tag-b{background:#FFF0F5;color:#72243E}
.g-title{font-size:0.8rem;font-weight:700;color:#0A0C0F;margin-bottom:0.3rem;line-height:1.4}
.g-text{font-size:0.7rem;color:#718096;line-height:1.65}
.g-link{font-size:0.68rem;color:#C8972A;font-weight:700;margin-top:0.5rem;display:inline-flex;align-items:center;gap:4px}


.size-table{width:100%;border-collapse:collapse;font-size:0.72rem}
.size-table th{background:#0A0C0F;color:#C8972A;font-size:0.6rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:0.75rem 1rem;text-align:left}
.size-table td{padding:0.75rem 1rem;border-bottom:1px solid #EEF0F3;color:#0A0C0F}
.size-table tr:last-child td{border-bottom:none}
.size-table tr:nth-child(even) td{background:#F9FAFB}
.size-table .hl{color:#C8972A;font-weight:700}

.cert-band{background:#0A0C0F;padding:1.5rem 2rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:0 2rem}
.cert-label{font-size:0.6rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.3);margin-right:0.5rem}
.cert-pill{background:rgba(200,151,42,0.1);border:1px solid rgba(200,151,42,0.3);color:#C8972A;font-size:0.6rem;font-weight:800;letter-spacing:1px;padding:5px 12px;text-transform:uppercase;border-radius:1px}

.faq-list{display:flex;flex-direction:column;gap:1.5px;background:rgba(200,151,42,0.12)}
.faq-item{background:#fff;padding:1.1rem 1.25rem;cursor:pointer;transition:background 0.15s}
.faq-item:hover{background:#F9FAFB}
.faq-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.faq-q{font-size:0.78rem;font-weight:700;color:#0A0C0F}
.faq-icon{font-size:16px;color:#C8972A;flex-shrink:0}
.faq-a{font-size:0.72rem;color:#718096;line-height:1.7;margin-top:0.75rem;padding-top:0.75rem;border-top:1px solid #EEF0F3;display:none}
.faq-item.open .faq-a{display:block}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-icon{transition:transform 0.2s}

.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;background:rgba(200,151,42,0.12)}
.blog-card{background:#fff;padding:1.25rem;cursor:pointer;transition:background 0.15s}
.blog-card:hover{background:#F9FAFB}
.blog-cat{font-size:0.58rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#C8972A;margin-bottom:0.4rem}
.blog-title{font-size:0.8rem;font-weight:700;color:#0A0C0F;line-height:1.4;margin-bottom:0.5rem}
.blog-meta{font-size:0.65rem;color:#A0AEC0;display:flex;align-items:center;gap:6px}

.cta-bar{background:#0A0C0F;margin:0 2rem 2rem;padding:2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}
.cta-h{font-family:'Bebas Neue',cursive;font-size:1.8rem;color:#fff;letter-spacing:1px}
.cta-sub{font-size:0.72rem;color:rgba(255,255,255,0.35);margin-top:0.3rem}
.btn-gold{background:#C8972A;color:#0A0C0F;padding:0.7rem 1.5rem;font-size:0.7rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;border-radius:2px;border:none;cursor:pointer;white-space:nowrap}
/* PAGE HERO BAND (shared across all 5 pages) */
.page-hero{background:var(--black);padding:5rem 2.5rem 4rem;position:relative;overflow:hidden}
.page-hero::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(200,151,42,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(200,151,42,0.05) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.page-hero-inner{position:relative;z-index:2;max-width:600px}

/* ---- CAREERS ---- */
.careers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--silver);margin-top:3rem}
.job-card{background:var(--white);padding:2rem;transition:background 0.2s}
.job-card:hover{background:var(--off-white)}
.job-dept{font-size:0.6rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:0.4rem}
.job-title{font-size:0.95rem;font-weight:700;color:var(--black);margin-bottom:0.5rem}
.job-meta{display:flex;gap:0.75rem;margin-top:0.75rem;flex-wrap:wrap}
.job-tag{font-size:0.65rem;background:var(--off-white);border:1px solid var(--silver);color:var(--mid);padding:3px 10px;border-radius:1px;font-weight:600;letter-spacing:0.5px}
.job-apply{display:inline-block;font-size:0.72rem;color:var(--gold);font-weight:700;letter-spacing:0.5px;margin-top:1rem;transition:opacity 0.2s}
.job-apply:hover{opacity:0.75}

/* ---- WARRANTY ---- */
.warranty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--silver);margin-top:3rem}
.w-card{background:var(--white);padding:2rem 1.75rem;transition:background 0.2s}
.w-card:hover{background:var(--off-white)}
.w-icon{width:40px;height:40px;background:var(--gold);border-radius:2px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.w-title{font-size:0.85rem;font-weight:700;color:var(--black);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.35rem}
.w-text{font-size:0.75rem;color:var(--muted);line-height:1.65}

/* ---- SHARED FAQ ACCORDION ---- */
.faq-section{padding:5rem 2.5rem;background:var(--off-white)}
.faq-list{display:flex;flex-direction:column;gap:1px;background:rgba(200,151,42,0.12);margin-top:3rem}
.faq-item{background:var(--white);cursor:pointer;transition:background 0.15s}
.faq-item:hover,.faq-item.open{background:var(--off-white)}
.faq-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem}
.faq-q{font-size:0.85rem;font-weight:700;color:var(--black)}
.faq-plus{font-size:1.25rem;color:var(--gold);flex-shrink:0;transition:transform 0.2s;line-height:1}
.faq-item.open .faq-plus{transform:rotate(45deg)}
.faq-a{font-size:0.78rem;color:var(--mid);line-height:1.8;padding:0 1.5rem 1.25rem;display:none;border-top:1px solid var(--silver)}
.faq-item.open .faq-a{display:block;padding-top:1rem}


/* ---- DELIVERY & LOGISTICS ---- */
.steps-list{display:flex;flex-direction:column;gap:1px;background:rgba(200,151,42,0.15);margin-top:3rem}
.step-item{background:var(--off-white);padding:2rem;display:flex;align-items:flex-start;gap:1.5rem;transition:background 0.2s}
.step-item:hover{background:var(--white)}
.step-num{font-family:'Bebas Neue',sans-serif;font-size:3rem;color:var(--gold);line-height:1;flex-shrink:0;width:48px}
.step-title{font-size:0.88rem;font-weight:700;color:var(--black);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.4rem}
.step-text{font-size:0.78rem;color:var(--mid);line-height:1.75}

.del-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--silver);margin-top:3rem}
.del-card{background:var(--white);padding:2rem;transition:background 0.2s}
.del-card:hover{background:var(--off-white)}
.del-dot{width:8px;height:8px;background:var(--gold);border-radius:50%;flex-shrink:0;margin-top:4px}
.del-title{font-size:0.85rem;font-weight:700;color:var(--black);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.4rem;display:flex;align-items:center;gap:0.6rem}
.del-text{font-size:0.75rem;color:var(--muted);line-height:1.7}

/* ---- CERTIFICATIONS ---- */
.cert-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(200,151,42,0.15);margin-top:3rem}
.cert-card{background:var(--off-white);padding:2rem;transition:background 0.2s}
.cert-card:hover{background:var(--white)}
.cert-badge{display:inline-block;background:var(--gold);color:var(--black);font-size:0.58rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:3px 8px;border-radius:1px;margin-bottom:0.75rem}
.cert-name{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--black);letter-spacing:1px;line-height:1;margin-bottom:0.6rem}
.cert-text{font-size:0.78rem;color:var(--mid);line-height:1.75}

.quantity, .quantity-nav {
    display: flex;
}
.quantity {
    position: relative;
    align-content: center;
    align-items: center;
    margin-bottom: 26px;
}
.quantity-button.quantity-down,.quantity-button.quantity-up {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 10px;
    background: var(--main-color);
    color: #444;
    font-weight: 100;
    border-radius: 0;
    border: 1px solid #ddd;
    text-align: center;
}
.quantity {
  position: relative;
  width: max-content;
  display: flex;
  align-items: center;
}
.quantity > label {
  font-size: 14px;
  color: var(--body-color);
  font-weight: 700;
  margin: 0 20px 0 0;
  font-family: var(--body-font);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.quantity input {
  padding: 0 10px 0 10px;
  text-align: left;
  font-size: 14px;
  font-weight: 700;
  --body-color: var(--title-color);
  border: 1px solid var(--smoke-color);
  border-left: none;
  border-right: none;
  border-radius: 0;
  width: 40px;
  text-align: center;
  height: 40px;
}
.product-detail-sec {
    padding: 50px 0px;
}
.detail-ul{
    padding-left: 0;
}
.detail-ul li{
    list-style: none;
}
.product-detail-info {
    padding-left: 30px;
}
input[type=number] {
    appearance: textfield;
    -moz-appearance: textfield;
}
/* Hide number input arrows */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.space{
    padding: 60px 0px;
}
.blog-style1{
    background: #0A0C0F;
    padding: 20px;
}
.blog-title a{
    color: #fff;
    font-size: 24px;
}
.blog-img img{
    height: 250px;
    object-fit: cover;
}
.accordion-button {
    background-color: #0A0C0F !important;
    color: #fff !important;
}
.contact-media{
    background: #0A0C0F;
    padding: 20px;
}
.media-title{
    color: #fff;
}
.media-contact a{
    color: var(--gold-light);
}
.recent-post{
    display: flex;
}
.media-img {
    width: 150px;
    margin-right: 20px;
}
.post-title a{
    color: #0A0C0F;
}
.blog-single img{
    height: auto !important;
    margin-bottom: 20px;
}

.faq-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
}

.faq-a{
    display:none;
    padding-top:15px;
}

.faq-item.open .faq-a{
    display:block;
}
.gsadkg {
    color: #0A0C0F !important;
}
.payment-option li p span {
    padding: 20px;
    background: #fff;
    display: none
}

.payment-option li [type=radio]:checked~span {
    display: block;
    margin: -10px 0 20px;

}
.payment-option li  {
    list-style: none;

}
.payment-option{
    padding-left: 0;
}
.diff-add{
    display: none;
}
.show-pass{
    display: none;
}
#account-panel{
    background: #0A0C0F;
}
#account-panel a{
   color: #fff;
}
.vs-icon:hover{
    color: #fff;
}