/* ============================================
   PageBuilder Render - 页面构建器前端渲染
   ============================================ */
.pagebuilder-render { padding:0 15px 20px; }
.pagebuilder-render img { max-width:100%; height:auto; }

/* 基础间距 */
.gjs-placeholder { 
    padding:40px; text-align:center; background:#f9f9f9; 
    border:2px dashed #ddd; border-radius:8px; color:#999; font-size:14px; 
}

/* 商品网格 */
.goods-grid-block { display:grid; grid-template-columns:repeat(4, 1fr); gap:15px; padding:10px 0; }
.goods-grid-block .item { border:1px solid #eee; border-radius:6px; overflow:hidden; text-align:center; padding:10px; }
.goods-grid-block .item img { width:100%; aspect-ratio:1; object-fit:cover; }
.goods-grid-block .item .price { color:#f60; font-size:16px; font-weight:bold; }
.goods-grid-block .item .name { font-size:13px; margin:8px 0; color:#333; }
@media (max-width:768px) { .goods-grid-block { grid-template-columns:repeat(2,1fr); } }
@media (max-width:480px) { .goods-grid-block { grid-template-columns:1fr; } }

/* 商品列表 */
.goods-list-block .item { display:flex; gap:12px; padding:12px; border-bottom:1px solid #f0f0f0; align-items:center; }
.goods-list-block .item img { width:80px; height:80px; object-fit:cover; border-radius:4px; }
.goods-list-block .item .info { flex:1; }
.goods-list-block .item .price { color:#f60; font-weight:bold; }

/* Banner轮播 */
.banner-block { overflow:hidden; border-radius:8px; margin:10px 0; }
.banner-block img { width:100%; }

/* 分类导航 */
.category-nav-block { display:flex; flex-wrap:wrap; gap:8px; padding:10px 0; }
.category-nav-block a { padding:6px 16px; background:#f5f5f5; border-radius:20px; color:#333; text-decoration:none; }
.category-nav-block a:hover { background:#f60; color:#fff; }

/* 搜索框 */
.search-form { display:flex; gap:8px; }
.search-form input { flex:1; padding:10px; border:1px solid #ddd; border-radius:4px; font-size:14px; }
.search-form button { padding:10px 24px; background:#f60; color:#fff; border:none; border-radius:4px; cursor:pointer; }

/* 品牌墙 */
.brand-wall-block { display:flex; flex-wrap:wrap; gap:12px; padding:10px 0; justify-content:center; }
.brand-wall-block .brand-item { width:100px; text-align:center; }
.brand-wall-block .brand-item img { width:80px; height:80px; object-fit:contain; border:1px solid #eee; border-radius:8px; }

/* 优惠券 */
.coupon-block { display:flex; gap:12px; flex-wrap:wrap; padding:10px 0; }
.coupon-block .coupon-item { padding:12px 20px; border:1px dashed #f60; border-radius:6px; background:#fff8f0; color:#f60; }