.product-hero{padding:52px 0 76px;overflow:hidden}.product-hero__grid{display:grid;gap:34px;align-items:center}.product-hero__copy .lead{margin:20px 0 0}.product-hero__visual{overflow:hidden;border:3px solid var(--ink);border-radius:34px;background:#fff;box-shadow:14px 14px 0 var(--green)}.product-hero__main-image{width:100%;height:310px;object-fit:cover;object-position:center}.product-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;border-top:3px solid var(--ink);background:var(--yellow)}.product-strip img{width:100%;height:112px;border:2px solid var(--ink);border-radius:18px;background:#fff;object-fit:cover;object-position:center}
.intro-grid,.category-grid,.ecosystem-grid{display:grid;gap:18px}.intro-card{padding:24px;border:2px solid var(--ink);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.intro-card h3{margin-bottom:8px}.intro-card p{margin:0;color:var(--muted)}
.category-card{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:2px solid var(--ink);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.category-card>img{width:100%;height:230px;background:#fff;object-fit:cover;object-position:center}.category-body{display:flex;flex-direction:column;align-items:flex-start;padding:22px}.category-body p{margin:0 0 18px;color:var(--muted)}.category-link{margin-top:auto}
.ecosystem-panel{padding:24px;border:2px solid var(--line);border-radius:20px;background:#fff}.ecosystem-panel strong{display:block;margin-bottom:8px;color:var(--green-dark);font-size:1.1rem}.product-cta{padding:38px 24px;border:3px solid var(--ink);border-radius:32px;background:var(--yellow);text-align:center}.product-cta h2{max-width:760px;margin-inline:auto}.product-cta p{font-size:1.15rem}.product-cta .actions{justify-content:center}
@media(max-width:699px){.product-strip{grid-template-columns:1fr 1fr}.product-strip img:last-child{grid-column:1/-1}.page-produk .actions{display:grid}.page-produk .btn{width:100%}}
@media(min-width:700px){.product-hero{padding:72px 0 96px}.intro-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.ecosystem-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:980px){.product-hero__grid{grid-template-columns:1.06fr .94fr;gap:60px}.category-grid{grid-template-columns:repeat(4,1fr)}.category-card>img{height:210px}}
@media(prefers-reduced-motion:reduce){.page-produk .btn:hover{transform:none}}
.legal-badges{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin:28px 0}.legal-badges img{width:auto;height:82px;max-width:150px;object-fit:contain}.legal-badges img[alt="Logo Halal Indonesia."]{height:92px}