body { margin:0; padding:0; font-family:sans-serif; font-size:14px; }
header img { width:100%; height:auto; display:block; }
/* nav { background:#003609; padding:10px; text-align:center; } */
nav { background:#003609; padding:10px; text-align:center; position:sticky; top:0; z-index:999; }
nav a { color:#fff; margin:0 10px; text-decoration:none; font-weight:normal;font-size:14px; }
nav a:hover { text-decoration:underline; }
.profil { background:#f4f4f4;font-size:14px; }
.profil div { margin: 10px 0; display: flex; justify-content: space-between; }
.profil div span:first-child { text-align: right; flex: 1; }
.profil div span:last-child { text-align: left; flex: 2; margin-left:5px;font-weight:900; }
.produk-container { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; padding:10px; }
.produk-card { background:#fff; padding:10px; border-radius:8px; box-shadow:0 0 5px rgba(0,0,0,0.1); font-size:14px; }
.produk-card p { font-size:12px; }
.galeri-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; padding:10px; }
.galeri-thumb { width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:8px; display:block; }
.beli-btn { background:#28a745; color:#fff; border:none; padding:8px 12px; border-radius:9px; cursor:pointer; margin-top:10px; display:block; width:100%; font-size:14px; }
#keranjang-popup { display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:9999;justify-content:center;align-items:flex-start;overflow-y:auto; }
#keranjang-content { background:#fff;margin:40px auto;padding:20px;border-radius:15px;width:95%;max-width:500px; }
#formulir-pesan { display:none;margin-top:15px; }
.footer-zona1 { background:#fff; color:#2c522f; padding:15px 20px; font-family:'Segoe UI',sans-serif; font-size:14px; }
.footer-konten { max-width:1200px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; }
.footer-kiri { flex:1; text-align:left; }
.footer-kanan { flex:1; text-align:right; }
.footer-kanan a { color:#2c522f; text-decoration:none; font-weight:400; }
.footer-kanan a:hover { text-decoration:underline; }
@media screen and (max-width:500px) { .footer-konten { flex-direction:column; text-align:center; } .footer-kiri, .footer-kanan { text-align:center; width:100%; } }
#ongkir { border-radius: 18px; width: 100%; max-width: 999px; margin: auto; display: block; }
#ongkir iframe { border-radius: 18px; width: 100%; max-width: 999px; display: block; margin: auto; }

.carousel { position: relative; width: 100%; overflow: hidden; } 
.carousel-track { display: flex; transition: transform 0.5s ease; width: 100%; } 
.carousel-track .slide { flex: 0 0 100%; width: 100%; } 
.carousel-track img { width: 100%; height: auto; display: block; pointer-events: none; user-select: none; }