Cucumber Fertilizer 8-16-36 Plus Micro Nutrients 5 Pound

Cucumber Fertilizer 8-16-36 | Premium Formula | Greenway Biotech® /* ---------- Base ---------- */ * body{font-family:'Roboto',sans-serif;line-height:1.6;background:#fff;color:#064747} a{color:#8A9439;text-decoration:none;font-weight:500;transition:color .2s} a:hover h1{font-size:2.2rem;font-weight:700;color:#064747;margin:0 0 .5rem;text-align:center} @media(max-width:600px){h1{font-size:1.8rem}} h2{font-size:1.6rem;font-weight:700;color:#A3B04A;margin:2rem 0 .8rem} h3{font-size:1.2rem;font-weight:700;color:#6B4921;margin:1rem 0 .5rem} .green{color:#A3B04A!important} .brown{color:#6B4921!important} .teal{color:#064747!important} .wrapper /* Hero section */ .hero-subtitle{text-align:center;max-width:760px;margin:0 auto 2rem;font-size:1.05rem;color:#333;line-height:1.7} /* NPK Infographic Styles */ .npk-infographic { background: white; border-radius: 20px; padding: 40px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); margin: 3rem auto; max-width: 1000px; } .npk-title { text-align: center; font-size: 2rem; color: #064747; margin-bottom: 10px; font-weight: 700; } .npk-subtitle { text-align: center; color: #6B4921; margin-bottom: 40px; font-size: 1.1rem; } /* NPK Bars */ .npk-bars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 50px; } .npk-bar-container { text-align: center; } .npk-bar-wrapper { height: 300px; position: relative; display: flex; align-items: flex-end; justify-content: center; margin-bottom: 20px; } .npk-bar { width: 80px; background: linear-gradient(to top, #A3B04A, #C5D86D); border-radius: 10px 10px 0 0; position: relative; transition: all 0.3s ease; cursor: pointer; box-shadow: 0 4px 15px rgba(163, 176, 76, 0.3); } .npk-bar:hover { transform: translateY(-5px); box-shadow: 0 6px 20px rgba(163, 176, 76, 0.4); } .npk-bar-n { height: 80px; } .npk-bar-p { height: 160px; } .npk-bar-k { height: 290px; background: linear-gradient(to top, #FFB300, #FFC947); } .npk-value { position: absolute; top: -40px; left: 50%; transform: translateX(-50%); font-size: 2.5rem; font-weight: 700; color: #064747; } .npk-label { font-size: 1.8rem; font-weight: 700; color: #6B4921; margin-bottom: 10px; } .npk-name { font-size: 1rem; color: #666; margin-bottom: 20px; } .npk-benefit { background: #FAFBF3; border: 2px solid #E6E8D0; border-radius: 10px; padding: 15px; font-size: 0.9rem; line-height: 1.5; min-height: 100px; } /* Growth Stage Timeline */ .growth-timeline { background: #FAFBF3; border-radius: 20px; padding: 40px; margin: 2rem 0; border: 2px solid #E6E8D0; } .timeline-title { text-align: center; font-size: 1.6rem; color: #064747; margin-bottom: 40px; font-weight: 700; } .timeline-container { position: relative; padding: 20px 0; } .timeline-line { position: absolute; top: 50%; left: 0; right: 0; height: 4px; background: linear-gradient(to right, #A3B04A, #FFB300); z-index: 1; } .timeline-stages { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; position: relative; z-index: 2; } .timeline-stage { text-align: center; cursor: pointer; transition: all 0.3s ease; } .stage-icon { width: 80px; height: 80px; background: white; border: 4px solid #A3B04A; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; margin: 0 auto 15px; tr