*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;background:#fff;color:#111}.wrap{width:100%;max-width:1550px;margin:0 auto;padding:0 50px}.topbar{background:#064706;color:#fff;font-size:15px;font-weight:700}.topbar-inner{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:18px}.top-left{display:flex;gap:24px;white-space:nowrap;overflow:hidden}.navbar{background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.08);position:sticky;top:0;z-index:100}.nav-inner{min-height:102px;display:flex;align-items:center;gap:30px}.logo{display:block;min-width:390px}.logo img{width:380px;display:block}.menu-btn{display:none}nav{display:flex;align-items:center;justify-content:center;gap:28px;flex:1}nav a{text-decoration:none;text-transform:uppercase;color:#111;font-weight:900;font-size:15px;padding:38px 0;border-bottom:3px solid transparent}nav a.active,nav a:hover{color:#155f13;border-color:#155f13}.whatsapp-top{background:#064706;color:#fff;text-decoration:none;text-align:center;text-transform:uppercase;border-radius:5px;padding:12px 24px;line-height:1.15;font-size:12px;font-weight:900;min-width:200px}.whatsapp-top b{display:block;font-size:20px}.hero{background:linear-gradient(90deg,rgba(0,0,0,.93),rgba(0,0,0,.78),rgba(0,0,0,.94)),url('../images/hero-bg.jpg');background-size:cover;background-position:center;color:#fff}.hero-inner{min-height:470px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px}.hero-label{color:#58cf1d;text-transform:uppercase;font-size:19px;font-weight:900}.hero h1{font-size:52px;text-transform:uppercase;line-height:1.12;margin:12px 0 20px;letter-spacing:1px}.hero p{font-size:18px;font-weight:700;color:#f4f4f4}.hero-icons{display:flex;gap:27px;margin:28px 0;flex-wrap:wrap}.hero-icons div{display:flex;align-items:center;gap:10px;border-right:1px solid #2f9a17;padding-right:23px}.hero-icons div:last-child{border-right:0}.hero-icons span{font-size:30px}.hero-icons p{font-size:13px;line-height:1.15}.green-btn{display:inline-block;background:#258700;color:#fff;text-transform:uppercase;text-decoration:none;font-weight:900;border-radius:4px;padding:15px 28px}.green-btn b{font-size:22px;margin-left:18px}.hex-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;width:675px;max-width:100%;margin-left:auto}.hex{height:198px;background:#fff;padding:8px;clip-path:polygon(24% 4%,76% 4%,100% 50%,76% 96%,24% 96%,0 50%)}.hex img{width:100%;height:100%;object-fit:cover;clip-path:polygon(24% 4%,76% 4%,100% 50%,76% 96%,24% 96%,0 50%)}.middle-row{background:#fff}.middle-grid{display:grid;grid-template-columns:1.25fr .95fr 1fr;gap:30px;align-items:stretch}.about-card{display:grid;grid-template-columns:270px 1fr;background:#fff;min-height:290px}.about-img img{width:100%;height:100%;min-height:290px;object-fit:cover;display:block}.about-content{padding:30px 26px}.about-content h2,.why-card h2,.enquiry h2{color:#114f0e;text-transform:uppercase;font-size:23px;margin-bottom:12px}.about-content p{font-size:15px;font-weight:600;line-height:1.65;margin-bottom:10px}.about-content a{display:inline-block;margin-top:9px;background:#238700;color:#fff;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:900;padding:12px 22px;border-radius:4px}.why-card{border-left:1px solid #ccc;padding:30px 18px}.why-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.why-list p{font-weight:800;font-size:15px;color:#132b0f}.enquiry{background:#073f05;padding:20px 24px;border-radius:4px;min-height:290px}.enquiry h2{text-align:center;color:#fff}.fields-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.enquiry input,.enquiry select,.enquiry textarea{width:100%;border:0;margin-bottom:12px;padding:13px;font-size:14px;border-radius:2px}.enquiry textarea{height:104px;resize:vertical}.enquiry button{width:100%;border:0;background:#258700;color:#fff;text-transform:uppercase;font-weight:900;padding:13px;border-radius:4px;cursor:pointer}.products-section{background:#fff;padding:22px 0 30px}.title-line{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:17px}.title-line span{width:130px;height:1px;background:#bcbcbc}.title-line h2{text-transform:uppercase;color:#155f13;font-size:26px;letter-spacing:1px}.product-row{display:grid;grid-template-columns:38px repeat(7,1fr) 38px;gap:14px;align-items:center}.round-arrow{width:38px;height:38px;border-radius:50%;border:1px solid #ddd;background:#fff;color:#777;font-size:27px}.product-card{background:#fff;border:1px solid #ddd;border-radius:6px;padding:10px;text-align:center;box-shadow:0 5px 14px rgba(0,0,0,.08);min-height:165px}.product-card img{width:100%;height:116px;object-fit:cover;background:#fff}.product-card h3{text-transform:uppercase;font-size:12px;margin-top:9px}.category-list{background:#fff8df;padding:28px 0 43px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:38px}.category-grid h3{color:#d3131a;text-transform:uppercase;font-size:14px;border-bottom:2px solid #d3131a;padding-bottom:8px}.category-grid p{font-size:13px;text-transform:uppercase;border-bottom:1px solid #ddd;padding:8px 0;color:#222}.footer{background:linear-gradient(rgba(0,0,0,.94),rgba(0,0,0,.94)),url('../images/hero-bg.jpg');background-size:cover;color:#fff}.footer-grid{display:grid;grid-template-columns:1.2fr 1.3fr 1fr 1.4fr;gap:34px;padding-top:34px;padding-bottom:28px}.footer h3{color:#66d928;text-transform:uppercase;font-size:18px;margin-bottom:15px}.footer p{color:#eee;font-size:15px;margin-bottom:9px}.footer-products{columns:2}.footer iframe{width:100%;height:210px;border:0}.map-link{display:inline-block;margin-top:8px;color:#66d928;font-weight:900;text-decoration:none}.copyright{display:flex;justify-content:space-between;gap:20px;background:#0b5b06;padding:13px 36px;font-size:14px}.wa-float{position:fixed;right:22px;bottom:20px;background:#25d366;color:#fff;text-decoration:none;font-weight:900;border-radius:999px;padding:14px 20px;box-shadow:0 10px 28px rgba(0,0,0,.3);z-index:200}@media(max-width:1250px){.whatsapp-top{display:none}nav{gap:16px}.hero h1{font-size:42px}.product-row{grid-template-columns:repeat(3,1fr)}.round-arrow{display:none}.category-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.wrap{padding:0 18px}.topbar{height:auto}.topbar-inner,.top-left{display:block;height:auto;padding:5px 0;white-space:normal}.menu-btn{display:block;background:#145d0b;color:#fff;border:0;border-radius:4px;font-size:24px;padding:8px 12px;margin-left:auto}.nav-inner{height:auto;flex-wrap:wrap;padding:12px 18px}nav{display:none;flex-direction:column;align-items:flex-start;width:100%;gap:0}nav.show{display:flex}nav a{padding:12px 0}.logo{min-width:280px}.logo img{width:280px}.hero-inner,.middle-grid,.about-card{grid-template-columns:1fr}.hero h1{font-size:34px}.hex-gallery{grid-template-columns:repeat(2,1fr);margin:auto}.hex{height:150px}.why-list,.fields-2{grid-template-columns:1fr}.product-row,.category-grid,.footer-grid{grid-template-columns:1fr}.title-line span{display:none}.copyright{display:block;text-align:center}}

/* ===== Full-width / dynamic size fix ===== */
.wrap {
  width: min(100%, 1500px);
  max-width: 1500px;
  padding-left: clamp(18px, 4vw, 56px);
  padding-right: clamp(18px, 4vw, 56px);
}

@media (min-width: 1400px) {
  .wrap {
    max-width: 1680px;
    padding-left: 38px;
    padding-right: 38px;
  }

  .hero-inner {
    grid-template-columns: 1fr 1fr;
  }

  .middle-grid {
    grid-template-columns: 1.35fr 1fr 1.05fr;
  }
}

.hero-inner {
  min-height: clamp(430px, 58vh, 620px);
  padding-top: clamp(28px, 4vw, 55px);
  padding-bottom: clamp(28px, 4vw, 55px);
}

.hero h1 {
  font-size: clamp(34px, 3.7vw, 62px);
}

.hero p {
  font-size: clamp(15px, 1.25vw, 20px);
}

.hex-gallery {
  width: min(100%, 720px);
}

.hex {
  height: auto;
  aspect-ratio: 1 / 1;
}

.about-card {
  grid-template-columns: minmax(220px, 34%) 1fr;
  min-height: auto;
}

.about-img img {
  min-height: 0;
  height: 100%;
  aspect-ratio: 1 / 1.05;
}

.enquiry {
  min-height: auto;
}

.product-row {
  grid-template-columns: 38px repeat(7, minmax(130px, 1fr)) 38px;
}

.product-card {
  min-height: auto;
  height: 100%;
}

.product-card img {
  width: 100%;
  aspect-ratio: 1.2 / 1;
  height: auto;
  object-fit: cover;
}

@media (min-width: 1251px) {
  .product-row {
    grid-template-columns: 38px repeat(7, 1fr) 38px;
  }
}

@media (max-width: 1250px) {
  .wrap {
    width: 100%;
    max-width: 100%;
  }

  .hero-inner {
    grid-template-columns: 1fr 0.95fr;
  }

  .product-row {
    grid-template-columns: repeat(4, 1fr);
  }

  .round-arrow {
    display: none;
  }
}

@media (max-width: 900px) {
  .wrap {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-inner,
  .middle-grid,
  .about-card {
    grid-template-columns: 1fr;
  }

  .hex-gallery {
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
  }

  .about-img img {
    aspect-ratio: 16 / 9;
  }

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

@media (max-width: 520px) {
  .product-row,
  .hex-gallery {
    grid-template-columns: 1fr;
  }
}