.products{padding:0!important;background:#f6f5ef!important}.product-showcase{position:relative;overflow:hidden;min-height:610px;background:#fff}.showcase-slide{display:none;min-height:610px;grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr);gap:32px;padding:clamp(42px,6vw,90px) clamp(28px,7vw,112px);background:linear-gradient(122deg,#fff 0%,#fff 52%,#eef2e8 100%)}.showcase-slide.is-active{display:grid;animation:slideIn .42s ease both}.showcase-brand{font-weight:800;letter-spacing:.03em;color:#111;font-size:15px;margin:0 0 32px}.showcase-copy{align-self:center;max-width:650px}.showcase-copy h2{font:800 clamp(38px,4.2vw,64px)/1.03 "DM Sans",Arial,sans-serif;letter-spacing:-.055em;color:#101510;margin:0 0 24px}.showcase-mark{display:block;width:53px;height:4px;margin-bottom:28px;background:#a96d36;border-radius:99px}.showcase-copy h3{margin:0 0 14px;color:#255938;font:800 clamp(20px,2vw,27px)/1.2 "DM Sans",Arial,sans-serif}.showcase-copy .showcase-text{max-width:600px;margin:0;color:#3d493e;font-size:16px;line-height:1.72}.showcase-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.showcase-tags span{padding:9px 12px;border:1px solid #afc9a0;border-radius:999px;color:#245336;font-size:12px;font-weight:800;background:#f8fbf5}.showcase-art{position:relative;min-height:420px;align-self:center}.coconut-art{background:radial-gradient(circle at 78% 18%,#d9e9bc 0 15%,transparent 16%),linear-gradient(135deg,#345b35,#789d56);border-radius:0 78px 0 78px;overflow:hidden;box-shadow:18px 18px 0 #d4e1c2}.coconut-art:before{content:"";position:absolute;inset:0;background:linear-gradient(128deg,rgba(11,33,17,.05),rgba(11,33,17,.15) 50%,rgba(11,33,17,.55));z-index:2}.art-image{position:absolute;object-fit:cover;z-index:1;box-shadow:0 12px 28px rgba(0,0,0,.27)}.art-container{width:67%;height:74%;left:0;bottom:0;clip-path:polygon(0 0,100% 10%,89% 100%,0 100%)}.art-charcoal{width:46%;height:68%;right:0;top:0;border:7px solid #fff}.art-stock{width:48%;height:35%;right:4%;bottom:2%;border:6px solid #dbe8ca}.art-caption{position:absolute;z-index:3;right:24px;top:31%;color:#fff;font-size:12px;font-weight:800;letter-spacing:.14em;text-align:right;line-height:1.5}.fertilizer-slide{background:linear-gradient(135deg,#f7f8f1,#e6efdd)}.fertilizer-art{background:linear-gradient(130deg,#183d2c,#52883c);border-radius:78px 0 78px 0;overflow:hidden;box-shadow:18px 18px 0 #cfe0b7}.fertilizer-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,41,28,.1),rgba(14,41,28,.72)),url("tanah.jpg") center/cover;mix-blend-mode:multiply}.fertilizer-art:after{content:"AGRICULTURAL\A INPUTS";white-space:pre;position:absolute;z-index:2;right:33px;top:45px;text-align:right;color:#fff;font:800 13px/1.5 "DM Sans",Arial,sans-serif;letter-spacing:.18em}.fertilizer-orb{position:absolute;width:230px;height:230px;bottom:27px;left:31px;border:1px solid rgba(255,255,255,.5);border-radius:50%;z-index:2}.fertilizer-orb:after{content:"HUMIC ACID · AMINO ACID · SILICA · SEAWEED";position:absolute;width:160px;left:35px;top:77px;color:#fff;font:800 13px/1.45 "DM Sans",Arial,sans-serif;letter-spacing:.08em}.showcase-controls{position:absolute;z-index:5;display:flex;align-items:center;gap:11px;left:clamp(28px,7vw,112px);bottom:32px}.showcase-arrow{width:45px;height:45px;border:1px solid #263f2a;border-radius:50%;background:#fff;color:#182a19;font-size:24px;line-height:1;cursor:pointer}.showcase-arrow:hover{background:#a9d463}.showcase-count{font-size:12px;font-weight:800;color:#345838;letter-spacing:.1em;margin-left:8px}@keyframes slideIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}@media(max-width:760px){.product-showcase,.showcase-slide{min-height:0}.showcase-slide{grid-template-columns:1fr;gap:29px;padding:50px 24px 94px}.showcase-brand{margin-bottom:22px}.showcase-copy h2{font-size:39px}.showcase-copy h3{font-size:21px}.showcase-copy .showcase-text{font-size:15px}.showcase-art{min-height:370px}.coconut-art{border-radius:0 48px}.art-charcoal{border-width:5px}.art-stock{border-width:4px}.showcase-controls{left:24px;bottom:28px}.fertilizer-art{border-radius:48px 0}}
/* Poster-style coconut composition and side navigation */
.coconut-art{isolation:isolate;background:linear-gradient(135deg,#1c4c31 0%,#3f7140 46%,#b6d88e 100%)!important;border-radius:0 92px 0 92px!important;box-shadow:24px 24px 0 #dce8cb!important}.coconut-art:after{content:"";position:absolute;z-index:4;inset:22px;border:1px solid rgba(255,255,255,.48);border-radius:0 62px 0 62px;pointer-events:none}.coconut-art:before{z-index:3!important;background:linear-gradient(125deg,rgba(14,45,29,.05) 0%,rgba(14,45,29,.2) 38%,rgba(14,45,29,.62) 100%)!important}.art-container{width:72%!important;height:76%!important;left:-2%!important;bottom:-2%!important;clip-path:polygon(0 0,100% 11%,91% 100%,0 100%)!important;filter:saturate(.92) contrast(1.06)!important}.art-charcoal{width:44%!important;height:72%!important;right:2%!important;top:4%!important;border:0!important;clip-path:polygon(0 0,100% 8%,92% 100%,0 88%)!important;filter:grayscale(.16) contrast(1.12) sepia(.08)!important;box-shadow:12px 15px 0 rgba(229,241,209,.68)!important}.art-stock{width:52%!important;height:33%!important;right:7%!important;bottom:5%!important;border:5px solid rgba(225,240,205,.78)!important;clip-path:polygon(7% 0,100% 0,92% 100%,0 100%)!important;filter:brightness(.72) saturate(.8)!important}.art-caption{right:34px!important;top:35%!important;text-shadow:0 2px 11px rgba(0,0,0,.72)!important}.showcase-controls{inset:0!important;left:0!important;bottom:auto!important;display:block!important;pointer-events:none!important}.showcase-arrow{position:absolute!important;top:50%!important;transform:translateY(-50%);z-index:8;pointer-events:auto!important;width:54px!important;height:54px!important;background:#fff!important;border:1px solid #193c26!important;box-shadow:0 8px 20px rgba(17,44,25,.18)!important}.showcase-arrow[data-slide="prev"]{left:16px!important}.showcase-arrow[data-slide="next"]{right:16px!important}.showcase-arrow:hover{background:#b8df79!important;transform:translateY(-50%) scale(1.06)!important}.showcase-count{display:none!important}@media(max-width:760px){.coconut-art{border-radius:0 55px 0 55px!important}.coconut-art:after{inset:14px;border-radius:0 36px 0 36px}.showcase-arrow{width:43px!important;height:43px!important}.showcase-arrow[data-slide="prev"]{left:9px!important}.showcase-arrow[data-slide="next"]{right:9px!important}.art-caption{right:22px!important}.art-stock{border-width:3px!important}}
.coconut-art .art-composite{position:absolute;z-index:1;inset:0;width:100%!important;height:100%!important;object-fit:cover;object-position:center;clip-path:polygon(0 0,100% 0,100% 90%,88% 100%,0 100%);filter:saturate(.9) contrast(1.04)}.coconut-art:before{background:linear-gradient(135deg,rgba(8,38,23,.08) 0%,rgba(8,38,23,.12) 44%,rgba(8,38,23,.58) 100%)!important}.coconut-art:after{z-index:4!important}.coconut-art .art-caption{z-index:5!important;right:28px!important;top:32%!important}@media(max-width:760px){.coconut-art .art-composite{object-position:center}.coconut-art .art-caption{right:20px!important;top:29%!important}}
/* Clear full-frame product image */
.coconut-art{background:#fff!important;border:1px solid #d7e2cf!important;border-radius:26px!important;box-shadow:14px 14px 0 #dce8d0!important}.coconut-art:before{display:none!important}.coconut-art:after{inset:10px!important;border:1px solid rgba(29,71,40,.18)!important;border-radius:18px!important}.coconut-art .art-composite{inset:12px!important;width:calc(100% - 24px)!important;height:calc(100% - 24px)!important;object-fit:contain!important;object-position:center!important;clip-path:none!important;filter:none!important;box-shadow:none!important;background:#fff!important}.coconut-art .art-caption{display:none!important}@media(max-width:760px){.coconut-art{border-radius:20px!important}.coconut-art .art-composite{inset:8px!important;width:calc(100% - 16px)!important;height:calc(100% - 16px)!important}.coconut-art:after{inset:7px!important;border-radius:14px!important}}
/* Correct side-arrow position and use a clean rounded rectangular photo frame */
.showcase-controls{top:0!important;right:0!important;bottom:0!important;left:0!important;height:auto!important}.showcase-arrow{top:50%!important}.coconut-art{padding:12px!important;overflow:hidden!important;border-radius:22px!important;background:#f9fbf6!important}.coconut-art:after{display:none!important}.coconut-art .art-composite{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;display:block!important;border-radius:13px!important;overflow:hidden!important;object-fit:cover!important;box-shadow:none!important}@media(max-width:760px){.coconut-art{padding:8px!important;border-radius:18px!important}.coconut-art .art-composite{border-radius:11px!important}}
/* Fill the full rounded frame without an empty bottom gap */
.coconut-art{height:420px!important;min-height:420px!important}.coconut-art .art-composite{position:absolute!important;inset:12px!important;width:calc(100% - 24px)!important;height:calc(100% - 24px)!important;object-fit:cover!important}@media(max-width:760px){.coconut-art{height:370px!important;min-height:370px!important}.coconut-art .art-composite{inset:8px!important;width:calc(100% - 16px)!important;height:calc(100% - 16px)!important}}.showcase-arrow{display:grid!important;place-items:center!important;padding:0!important}.showcase-arrow img{width:28px!important;height:28px!important;display:block!important;pointer-events:none}@media(max-width:760px){.showcase-arrow img{width:25px!important;height:25px!important}}
/* Transparent slide controls: visible but never block the content */
.showcase-arrow{background:transparent!important;border-color:transparent!important;box-shadow:none!important;opacity:.72!important}.showcase-arrow:hover,.showcase-arrow:focus-visible{background:rgba(255,255,255,.42)!important;border-color:rgba(22,61,42,.45)!important;box-shadow:0 5px 15px rgba(17,44,25,.1)!important;opacity:1!important}.showcase-arrow img{filter:none!important}
/* Product catalogue link */
.showcase-detail{display:inline-flex;align-items:center;gap:14px;margin-top:23px;padding:12px 18px;border-radius:999px;background:#315f3c;color:#fff;text-decoration:none;font:800 13px/1 "DM Sans",Arial,sans-serif;transition:transform .2s,background .2s}.showcase-detail:hover{transform:translateY(-2px);background:#244c30}.showcase-detail span{font-size:18px;line-height:1}.showcase-art-link{display:block;width:100%;height:100%;color:inherit}.showcase-art-link .art-image{cursor:pointer}@media(max-width:760px){.showcase-detail{margin-top:18px;padding:11px 16px}}

/* Coconut hero: frame follows the supplied 3:2 image ratio with no blank space */
.coconut-art{height:auto!important;min-height:0!important;aspect-ratio:3 / 2!important;box-sizing:border-box!important}
.coconut-art .art-composite{position:absolute!important;inset:12px!important;width:calc(100% - 24px)!important;height:calc(100% - 24px)!important;object-fit:cover!important;object-position:center!important}
@media(max-width:760px){.coconut-art{aspect-ratio:3 / 2!important}.coconut-art .art-composite{inset:8px!important;width:calc(100% - 16px)!important;height:calc(100% - 16px)!important}}

.wood-pellet-slide{background:linear-gradient(135deg,#f7f8f1,#e8efe0)}.wood-pellet-art{padding:12px!important;overflow:hidden!important;background:#f9fbf6!important;border:1px solid #d7e2cf!important;border-radius:22px!important;box-shadow:14px 14px 0 #dce8d0!important}.wood-pellet-art:before,.wood-pellet-art:after{display:none!important}.wood-pellet-art img{display:block;width:100%;height:100%;object-fit:cover;border-radius:13px}@media(max-width:760px){.wood-pellet-art{padding:8px!important;border-radius:18px!important;min-height:370px!important}.wood-pellet-art img{border-radius:11px!important}}

/* Keep the portrait wood-pellet photo compact inside the existing slide layout. */
.wood-pellet-art{width:min(100%,420px)!important;height:330px!important;min-height:330px!important;justify-self:center!important;align-self:center!important}.wood-pellet-art img{object-fit:cover!important;object-position:center!important}@media(max-width:760px){.wood-pellet-art{width:min(100%,310px)!important;height:300px!important;min-height:300px!important}}

/* Wood pellet uses the same green photo board and soft green shadow as the fertilizer slide. */
.wood-pellet-art{padding:12px!important;background:linear-gradient(130deg,#183d2c,#52883c)!important;border:0!important;border-radius:52px 0 52px 0!important;box-shadow:18px 18px 0 #cfe0b7!important}.wood-pellet-art img{border-radius:40px 0 40px 0!important}@media(max-width:760px){.wood-pellet-art{padding:8px!important;border-radius:36px 0 36px 0!important;box-shadow:10px 10px 0 #cfe0b7!important}.wood-pellet-art img{border-radius:29px 0 29px 0!important}}