.gb-grid{display:grid;gap:14px}.gb-card{display:grid;grid-template-columns:160px minmax(0,1fr);overflow:hidden}.gb-photo{position:relative;min-height:300px}.gb-photo img{width:100%;height:100%;position:absolute;object-fit:cover}.gb-photo>span{position:absolute;top:10px;left:10px;background:#fffffff0;font-size:10px;padding:4px 7px;border-radius:5px}.gb-card-body{padding:16px}.gb-category{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--red)}.gb-category>span{color:var(--muted)}.gb-card h2{font-size:18px;line-height:1.4;margin:9px 0}.gb-card-body>p{font-size:12px;color:var(--muted);margin:4px 0}.gb-progress{margin:15px 0}.gb-progress>div{display:flex;justify-content:space-between;gap:8px;font-size:12px}.gb-progress>div>span{font-size:11px;color:var(--muted)}.gb-progress progress{appearance:none;display:block;width:100%;height:6px;border:0;border-radius:8px;overflow:hidden;margin:8px 0;background:#eee}.gb-progress progress::-webkit-progress-bar{background:#eee;border-radius:8px}.gb-progress progress::-webkit-progress-value{background:var(--red);border-radius:8px}.gb-progress small{font-size:11px;color:var(--muted)}.gb-card-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin:12px 0}.gb-card-price strong{font-size:20px}.gb-card-price span{font-size:11px;color:var(--muted)}.gb-detail{overflow:hidden}.gb-cover{width:100%;height:210px;display:block;object-fit:cover}.gb-detail-body{padding:20px}.gb-detail-body>.ev-host{margin:14px 0}.gb-detail h2{font-size:18px;margin:18px 0 8px}.gb-detail-body>p{font-size:14px;line-height:1.6}.gb-quote{padding:16px;background:#fff5f5;border:1px solid #ffe1e1;border-radius:9px;display:grid;gap:6px;margin:16px 0}.gb-quote>span{font-size:12px;color:var(--muted)}.gb-quote strong{font-size:25px}.gb-quote small{font-size:12px;color:var(--muted);line-height:1.5}.gb-steps{padding-left:20px;font-size:13px;line-height:1.7;color:var(--muted)}.gb-steps li{margin-bottom:9px}.gb-summary{padding:22px;margin-bottom:16px}.gb-summary>h2{font-size:20px}.gb-summary>p{font-size:14px;color:var(--muted);margin-top:12px}.gb-note{margin-top:16px}
@media(max-width:700px){.gb-card{grid-template-columns:100px minmax(0,1fr)}.gb-card-body{padding:12px}.gb-card h2{font-size:15px}.gb-category{font-size:10px;flex-wrap:wrap;gap:4px}.gb-card-body>p{font-size:11px}.gb-photo{min-height:305px}.gb-progress>div{font-size:11px;flex-wrap:wrap;gap:3px}.gb-progress>div>span,.gb-progress small{font-size:10px}.gb-card-price strong{font-size:17px}.gb-card-price span{font-size:10px}.gb-progress{margin:12px 0}.gb-cover{height:160px}.gb-detail-body{padding:14px}.gb-detail h2{font-size:16px}.gb-detail-body>p{font-size:13px}.gb-quote{padding:12px}.gb-quote strong{font-size:22px}.gb-quote small{font-size:11px}.gb-summary{padding:16px}.gb-summary>h2{font-size:18px}.gb-steps{font-size:12px}}