:root{ --gk-green:#16a34a; --gk-text:#111827; --gk-muted:#6b7280; --gk-bg:#f9fafb; }
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Arial;background:var(--gk-bg);color:var(--gk-text)}
a{text-decoration:none;color:inherit}

/* Header */
.header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:10px 14px}
.brand{font-weight:800;color:var(--gk-green);font-size:18px}
.header .cart-bubble{position:relative;font-size:22px}
.header .cart-bubble .badge{position:absolute;top:-6px;right:-10px;background:var(--gk-green);color:#fff;border-radius:999px;padding:2px 6px;font-size:10px;line-height:1}

/* Search */
.searchbar{padding:10px 14px}
.searchbar input{width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;font-size:14px}

/* Sections */
.section{padding:6px 12px}
.section h2{margin:8px 2px 10px;font-size:16px}

/* Category Slider: 5 per row + swipe */
.cat-strip{display:flex;overflow-x:auto;gap:10px;padding:6px 2px;scroll-snap-type:x mandatory}
.cat{flex:0 0 20%;background:#fff;border:1px solid #e5e7eb;border-radius:14px;text-align:center;padding:10px 6px;box-shadow:0 1px 2px rgba(0,0,0,.06);scroll-snap-align:start}
.cat img{width:56px;height:56px;object-fit:cover;border-radius:999px;border:2px solid #f3f4f6;margin-bottom:6px;background:#fff}
.cat .name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Products grid */
.grid{display:grid;gap:10px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}
.card .media img{width:100%;height:120px;object-fit:cover}
.card .body{padding:10px}
.card .title{font-weight:700;font-size:14px}
.card .muted{font-size:12px;color:var(--gk-muted)}

/* Payment icons */
.payments{padding:14px 12px;text-align:center}
.payments h3{margin:0 0 8px}
.payments .icons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.payments .icons img{height:26px}

/* Bottom mobile nav */
.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-around;padding:8px 0;z-index:90}
.mobile-nav a{flex:1;text-align:center;color:#6b7280;font-size:12px;transition:transform .2s ease,color .2s ease}
.mobile-nav a i{display:block;font-size:20px;margin-bottom:2px}
.mobile-nav a.active{color:var(--gk-green);font-weight:800;transform:translateY(-2px)}
main{padding-bottom:72px}

/* WooCommerce cart stylish */
.woocommerce-cart .shop_table{display:block;border:none;background:transparent}
.woocommerce-cart .shop_table thead{display:none}
.woocommerce-cart .shop_table tr{display:grid;grid-template-columns:80px 1fr;gap:10px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin:10px 0;padding:10px}
.woocommerce-cart .product-thumbnail img{width:80px;height:80px;object-fit:cover;border-radius:12px}
.woocommerce-cart .product-name a{font-weight:700}
.woocommerce .quantity .qty{width:52px;text-align:center;border:1px solid #e5e7eb;border-radius:10px;padding:6px 8px}
.gk-qty{display:inline-flex;align-items:center;gap:8px}
.gk-qty button{background:#fff;border:1px solid #e5e7eb;border-radius:999px;width:28px;height:28px;line-height:28px;text-align:center}
.woocommerce a.button,.woocommerce button.button,.checkout-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:999px;padding:12px 16px;border:none}
.gk-cart-payment{padding:10px 12px;text-align:center}
.gk-cart-payment .icons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.gk-cart-payment .icons img{height:24px}

@media(min-width:900px){.mobile-nav{display:none}.grid-2{grid-template-columns:repeat(4,minmax(0,1fr))}}