/* ===== RESET ===== */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Poppins',sans-serif;color:#222;background:#fff;}
a{text-decoration:none;color:inherit;}
img{display:block;max-width:100%;}

/* ===== NAVBAR ===== */
.navbar{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 70px;background:#fff;border-bottom:1px solid #e8e8e8;
  position:sticky;top:0;z-index:999;
}
/* desktop links */
.nav-desktop{display:flex;align-items:center;}
.nav-desktop a{
  font-size:14px;font-weight:500;color:#222;padding:8px 16px;
  border-bottom:2px solid transparent;
  transition:color .2s,border-color .2s;display:inline-block;
}
.nav-logo {
  display:flex;
  align-items:center;
  flex-shrink:0;
  margin-right:auto;
}
.nav-desktop a:hover,.nav-desktop a.active{color:#1d8c40;border-bottom-color:#1d8c40;}

/* hamburger */
.hamburger{
  display:none;flex-direction:column;justify-content:center;
  align-items:center;gap:5px;background:none;border:none;
  cursor:pointer;padding:8px;width:40px;height:40px;flex-shrink:0;
}
.hamburger span{
  display:block;width:22px;height:2px;background:#222;
  border-radius:2px;transition:transform .3s,opacity .3s;
}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* mobile dropdown */
.nav-mobile{
  display:none;flex-direction:column;
  position:absolute;top:100%;left:0;right:0;
  background:#fff;border-top:2px solid #1d8c40;
  box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:9999;
}
.nav-mobile.open{display:flex;}
.nav-mobile a{
  font-size:15px;font-weight:500;color:#222;
  padding:15px 24px;border-bottom:1px solid #f0f0f0;
  transition:background .2s,color .2s;
}
.nav-mobile a:last-child{border-bottom:none;}
.nav-mobile a:hover,.nav-mobile a.active{color:#1d8c40;background:#f5fdf7;}

.navbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 70px;
  background:#fff;
  border-bottom:1px solid #e8e8e8;
  position:sticky;
  top:0;
  z-index:999;
}
/* ===== HERO SLIDER ===== */
.hero-slider{
  position:relative;width:100%;overflow:hidden;
  background:#f0f0f0;
}
.slides-track{
  display:flex;height:100%;
  transition:transform .6s cubic-bezier(.4,0,.2,1);
}
.slide{
  min-width:100%;height:580px;
  position:relative;overflow:hidden;
}
.slide img{
  width:100%;height:100%;
  object-fit:cover;object-position:center top;
  display:block;
}
.slider-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  background:rgba(255,255,255,.85);border:none;
  width:36px;height:36px;border-radius:50%;font-size:22px;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  z-index:10;transition:background .2s;
}
.slider-arrow:hover{background:#fff;}
.slider-arrow.prev{left:14px;}
.slider-arrow.next{right:14px;}
.slider-dots{
  position:absolute;bottom:14px;left:50%;transform:translateX(-50%);
  display:flex;gap:8px;z-index:10;
}
.dot{
  width:9px;height:9px;border-radius:50%;
  background:rgba(255,255,255,.5);cursor:pointer;
  border:none;transition:background .2s;
}
.dot.active{background:#fff;}

/* ===== SECTIONS ===== */
.sec-lightgreen{background:#dcf5e4;padding:54px 70px;}
.sec-grey{background:#f0f0f0;padding:54px 70px;}

/* ===== HOME: JET POWER ===== */
.jet-power-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:44px;
  max-width:1080px;margin:0 auto;align-items:center;
}
.jet-power-text h2{font-size:31px;font-weight:800;line-height:1.25;margin-bottom:14px;color:#111;}
.jet-power-text p{font-size:13.5px;color:#555;line-height:1.7;margin-bottom:22px;}
.jet-power-img{border-radius:12px;overflow:hidden;height:390px;background:#c8e8d4;}
.jet-power-img img{width:100%;height:100%;object-fit:cover;}

/* ===== HOME: ABOUT ===== */
.about-section{background:#1d8c40;padding:44px 70px;}
.about-grid{
  display:grid;grid-template-columns:290px 1fr;gap:26px;
  max-width:1080px;margin:0 auto;align-items:stretch;
}
.about-photo{border-radius:12px;overflow:hidden;min-height:290px;background:#197838;}
.about-photo img{width:100%;height:100%;object-fit:cover;}
.about-card{background:#fff;border-radius:12px;padding:32px 36px;}
.about-card h2{font-size:27px;font-weight:700;margin-bottom:14px;}
.about-card p{font-size:13px;color:#444;line-height:1.78;margin-bottom:10px;}

/* ===== BLOG SECTION ===== */
.blog-section{background:#dcf5e4;padding:54px 70px;}
.section-heading{font-size:30px;font-weight:700;text-align:left;margin-top:36px;color:#111;}
.blog-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1080px;margin:0 auto;}
.blog-card{
  background:#fff;border-radius:10px;overflow:hidden;
  cursor:pointer;transition:box-shadow .2s;display:block;
}
.blog-card:hover{box-shadow:0 6px 22px rgba(0,0,0,.1);}
.blog-card-img{width:100%;height:192px;object-fit:cover;display:block;background:#ddd;}
.blog-card-img.h220{height:222px;}
.blog-card-body{padding:14px 16px 18px;}
.blog-card-body p{font-size:13.5px;font-weight:500;color:#1a1a1a;line-height:1.45;}
.view-all-wrap{text-align:center;margin-top:30px;}
.btn-outline-pill{
  display:inline-block;border:1.5px solid #222;color:#222;
  padding:9px 34px;border-radius:30px;font-size:14px;font-weight:500;
  cursor:pointer;background:transparent;transition:background .2s,color .2s;
  font-family:'Poppins',sans-serif;
}
.btn-outline-pill:hover{background:#222;color:#fff;}

/* ===== BUTTONS ===== */
.btn-green{
  background:#1d8c40;color:#fff;border:none;padding:11px 26px;
  border-radius:28px;font-size:14px;font-weight:600;cursor:pointer;
  font-family:'Poppins',sans-serif;transition:background .2s;display:inline-block;
}
.btn-green:hover{background:#156b30;}

/* ===== FOOTER ===== */
footer{background:#165c26;padding:52px 70px 0;}
.footer-inner{
  display:grid;grid-template-columns:80px 1fr 1fr 240px;
  gap:44px;max-width:1080px;margin:0 auto;
}
footer h4{font-size:17px;font-weight:700;color:#fff;margin-bottom:20px;}
footer ul{list-style:none;}
footer ul li{margin-bottom:10px;}
footer ul li a{font-size:13.5px;color:#b0d8be;transition:color .2s;}
footer ul li a:hover{color:#fff;}
.footer-form label{font-size:13px;color:#fff;display:block;margin-bottom:5px;}
.footer-form .req{color:#f55;}
.footer-input{
  width:100%;padding:10px 18px;border-radius:30px;
  border:1.5px solid #3aaa60;background:transparent;
  color:#fff;font-size:13px;font-family:'Poppins',sans-serif;
  outline:none;margin-bottom:12px;
}
.footer-input::placeholder{color:#7ac298;}
.btn-submit-green{
  background:#2db85c;color:#fff;border:none;padding:10px 30px;
  border-radius:30px;font-size:14px;font-weight:600;cursor:pointer;
  font-family:'Poppins',sans-serif;transition:background .2s;
}
.btn-submit-green:hover{background:#239e4d;}
.footer-copy{
  text-align:center;padding:18px 0;margin-top:44px;
  border-top:1px solid #1d7a32;font-size:12.5px;color:#7ac298;
}

/* ===== PAGE HEADER ===== */
.page-header{text-align:center;padding:50px 70px 26px;}
.page-header h1{font-size:36px;font-weight:800;color:#111;margin-bottom:10px;}
.page-header p{font-size:14px;color:#555;max-width:720px;margin:0 auto;line-height:1.7;}

/* ===== PRODUCTS PAGE ===== */
.products-bg{background:#dcf5e4;padding:44px 70px 54px;}
.products-row1{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
  max-width:1080px;margin:0 auto 22px;
}
.products-row2{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
  max-width:820px;margin:0 auto;
}
.products-row3{
  display:grid;grid-template-columns:1fr;gap:20px;
  max-width:265px;margin:22px auto 0;
}
.product-card{
  background:#fff;border-radius:12px;padding:22px 16px;
  text-align:center;cursor:pointer;transition:box-shadow .2s;display:block;
}
.product-card:hover{box-shadow:0 6px 22px rgba(0,0,0,.1);}
.product-card img{width:100%;height:165px;object-fit:contain;margin-bottom:14px;}
.product-card h3{font-size:15px;font-weight:700;color:#111;}
.product-card p{font-size:12px;color:#888;margin-top:4px;}

/* ===== BLOG PAGE ===== */
.blog-bg{background:#dcf5e4;padding:28px 70px 54px;}
.blog-row1{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1080px;margin:0 auto 20px;}
.blog-row2{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:720px;margin:0 auto;}

/* ===== MEDIA PAGE ===== */
.media-bg{background:#dcf5e4;padding:36px 70px 54px;}
.media-inner{max-width:1000px;margin:0 auto;}
.media-subtitle{font-size:15px;color:#555;font-weight:400;margin-bottom:16px;}
.video-box{width:100%;background:#111;border-radius:10px;margin-bottom:22px;overflow:hidden;}
.video-box video{width:100%;height:340px;display:block;border:none;}
.video-placeholder{
  width:100%;height:340px;background:#1a1a1a;display:flex;
  align-items:center;justify-content:center;color:#888;font-size:14px;border-radius:10px;
}
.posters-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;}
.posters-3col img{width:100%;height:210px;object-fit:cover;border-radius:8px;background:#aaa;display:block;}
.poster-1col img{width:100%;max-width:460px;height:230px;object-fit:cover;border-radius:8px;background:#1a4fa8;display:block;}

/* ===== CONTACT PAGE ===== */
.contact-bg{background:#dcf5e4;padding:54px 70px;}
.contact-grid{
  display:grid;grid-template-columns:1fr 1.3fr;gap:70px;
  max-width:980px;margin:0 auto;align-items:start;
}
.contact-left h2{font-size:30px;font-weight:800;margin-bottom:24px;}
.contact-info-box{background:#1a1a1a;color:#fff;border-radius:8px;padding:22px 26px;}
.contact-info-box h4{font-size:14px;font-weight:700;margin-bottom:10px;}
.contact-info-box p{font-size:13px;color:#ccc;margin-bottom:4px;}
.contact-info-box a{font-size:13px;color:#7ec8f5;}
.form-group{margin-bottom:16px;}
.form-group label{font-size:13.5px;font-weight:500;display:block;margin-bottom:6px;}
.form-group .req{color:#f44;}
.form-input{
  width:100%;padding:10px 16px;border:1px solid #ccc;border-radius:6px;
  font-family:'Poppins',sans-serif;font-size:13.5px;outline:none;transition:border-color .2s;
}
.form-input:focus{border-color:#1d8c40;}
.form-textarea{height:130px;resize:vertical;}
.btn-send{
  background:#1d8c40;color:#fff;border:none;padding:12px 30px;
  border-radius:28px;font-size:14px;font-weight:600;cursor:pointer;
  font-family:'Poppins',sans-serif;transition:background .2s;
}
.btn-send:hover{background:#156b30;}

/* ===== PRODUCT DETAIL ===== */
.prod-title-area{text-align:center;padding:40px 70px 20px;}
.prod-title-area h1{font-size:32px;font-weight:800;margin-bottom:4px;}
.prod-title-area p{font-size:13.5px;color:#888;}
.prod-hero-wrap{
  margin:0 3px;border-radius:14px;text-align:center;
  padding:44px 70px;
}
.prod-hero-wrap img{
  margin:0 auto;display:block;
}
.prod-detail-bg{background:#dcf5e4;padding:36px 70px 54px;}
.prod-detail-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:22px;
  max-width:1000px;margin:0 auto;
}
.prod-detail-card{background:#fff;border-radius:12px;padding:28px 30px;}
.prod-label-sm{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;}
.prod-detail-card h3{font-size:22px;font-weight:800;margin-bottom:6px;}
.prod-detail-card h4{font-size:13.5px;font-weight:700;margin-bottom:10px;}
.prod-detail-card p{font-size:13px;color:#555;line-height:1.7;margin-bottom:8px;}
.prod-detail-card ol,.prod-detail-card ul{padding-left:18px;font-size:13px;color:#555;line-height:2.1;}
.pack-section-label{font-size:13.5px;font-weight:600;color:#222;margin:16px 0 8px;}
.pack-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:4px;}
.pack-btn{
  border:1.5px solid #1d8c40;color:#1d8c40;background:transparent;
  padding:7px 20px;border-radius:6px;font-size:13px;cursor:pointer;
  font-family:'Poppins',sans-serif;transition:background .2s,color .2s;
}
.pack-btn:hover{background:#1d8c40;color:#fff;}
.prod-nav-row{
  display:flex;justify-content:space-between;align-items:center;
  max-width:1000px;margin:22px auto 0;
}
.prod-nav-btn{
  border:1.5px solid #333;background:transparent;padding:10px 24px;
  border-radius:28px;font-size:13.5px;cursor:pointer;
  font-family:'Poppins',sans-serif;transition:background .2s,color .2s;
  display:inline-flex;align-items:center;gap:6px;
}
.prod-nav-btn:hover{background:#333;color:#fff;}

/* hero split for speed jet */
.hero-split{display:grid;grid-template-columns:1fr 1fr;border-radius:14px;overflow:hidden;margin:0 60px;}
.hero-split-left{background:#f5f5c0;padding:44px 30px;display:flex;align-items:center;justify-content:center;}
.hero-split-right{background:#f9c8ea;padding:44px 30px;display:flex;align-items:center;justify-content:center;}
.hero-split img{max-height:300px;object-fit:contain;}

/* color swatches */
.color-options{display:flex;gap:14px;flex-wrap:wrap;margin:10px 0 16px;}
.color-opt{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;}
.color-circle{width:38px;height:38px;border-radius:50%;border:2px solid #ccc;transition:border-color .2s,box-shadow .2s;}
.color-opt:hover .color-circle,.color-opt.active .color-circle{border-color:#1d8c40;box-shadow:0 0 0 3px rgba(29,140,64,.2);}
.color-opt span{font-size:11px;color:#666;text-align:center;max-width:52px;}

/* ===== BLOG DETAIL ===== */
.breadcrumb{background:#efefef;padding:9px 70px;font-size:12.5px;color:#666;}
.breadcrumb a{color:#666;}
.breadcrumb a:hover{color:#1d8c40;}
.blog-detail-wrap{    max-width: 1018px;
    margin: 0 auto;
    padding: 36px 34px 50px;}
.blog-detail-wrap h1{font-size:32px;font-weight:800;line-height:1.3;margin-bottom:10px;}
.blog-subtitle{font-size:13.5px;color:#555;line-height:1.7;margin-bottom:14px;}
.topic-pill{display:inline-block;border:1.5px solid #333;padding:4px 18px;border-radius:24px;font-size:12.5px;margin-bottom:20px;}
.blog-hero-img{width:100%;height:285px;object-fit:cover;border-radius:10px;margin-bottom:30px;background:#ddd;display:block;}
.mistakes-box{background:#f8f8f8;border-radius:10px;padding:30px 32px;margin-bottom:32px;}
.mistakes-box h2{font-size:19px;font-weight:700;margin-bottom:18px;}
.mistake{margin-bottom:16px;}
.mistake strong{font-size:13.5px;display:block;margin-bottom:3px;}
.mistake p{font-size:13.5px;color:#555;line-height:1.7;}
.other-articles-title{font-size:21px;font-weight:700;margin-bottom:18px;}
.other-articles-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;}
.other-article-item{display:flex;gap:12px;align-items:flex-start;}
.other-article-item img{width: 150px;
    height: 114px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#ddd;display:block;}
.other-article-item p{font-size:12.5px;color:#333;font-weight:500;line-height:1.45;}
.check-products-row{
  display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:10px;
  background:#e4ffe3;padding:21px;border-radius:16px;
}
.check-left{flex:1;min-width:180px;}
.check-left h3{font-size:19px;font-weight:700;margin-bottom:16px;}
.check-cards{display:flex;gap:16px;flex:2;}
.check-prod-card{
  border:2px solid #1d8c40;border-radius:10px;padding:16px;
  text-align:center;flex:1;min-width:120px;cursor:pointer;display:block;
}
.check-prod-card img{width:100%;height:148px;object-fit:contain;margin-bottom:8px;}
.check-prod-card p{font-size:13px;font-weight:600;color:#111;}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
  /* navbar */
  .navbar{padding:12px 20px;position:relative;}
  .nav-desktop{display:none;}
  .hamburger{display:flex;}

  /* slider */
  .slide{height:220px;}

  /* sections */
  .sec-lightgreen,.sec-grey,.about-section,.blog-section,
  .products-bg,.blog-bg,.media-bg,.contact-bg,.prod-detail-bg,
  .prod-title-area,.blog-detail-wrap,.breadcrumb,.page-header{
    padding-left:20px;padding-right:20px;
  }

  /* footer */
  footer{padding:36px 20px 0;}
  .footer-inner{grid-template-columns:1fr 1fr;}

  /* layouts */
  .jet-power-grid,.about-grid,.contact-grid,.prod-detail-grid{grid-template-columns:1fr;}
  .products-row1{grid-template-columns:repeat(2,1fr);}
  .products-row2{grid-template-columns:repeat(2,1fr);max-width:100%;}
  .blog-row1,.blog-grid-3,.other-articles-row{grid-template-columns:1fr;}
  .blog-row2,.check-cards,.posters-3col{grid-template-columns:1fr 1fr;}
  .prod-hero-wrap{margin:0 20px;padding:24px 20px;}
  .hero-split{grid-template-columns:1fr;margin:0 20px;}
  .prod-nav-row{padding:0 20px;}
  .blog-detail-wrap{padding:24px 20px 40px;}
  .breadcrumb{padding:9px 20px;}
  .check-products-row{flex-direction:column;}
  .check-cards{width:100%;}
  .footer-inner{grid-template-columns:1fr;}
}

@media(min-width:769px) and (max-width:1024px){
    ..navbar{
  padding:12px 20px;
  position:relative;
  justify-content:space-between;
}
.navbar > a { order:1; }
.hamburger  { order:2; }

  .navbar{padding:10px 30px;}
  .footer-inner{grid-template-columns:1fr 1fr;}
  .products-row1{grid-template-columns:repeat(2,1fr);}
  .jet-power-grid{gap:24px;}
}