.header-search{flex:1;min-width:220px;display:flex;justify-content:center}.searchbox{width:58%;margin:0}.navwrap{gap:18px}.nav-actions{margin-left:auto;flex:0 0 auto}.icon{color:#173650;text-decoration:none}.icon.wa{color:#18a958}
.banner-main{grid-template-columns:2fr 3fr;gap:20px}.video-box,.banner-slider{aspect-ratio:auto;height:360px}.video-box{grid-column:1;grid-row:1}.banner-slider{grid-column:2;grid-row:1}.video-box video{object-fit:cover}
.service-grid{align-items:stretch}.service-card{border-radius:0;display:flex;flex-direction:column;height:100%;cursor:pointer;transition:transform .15s,box-shadow .15s}.service-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #17365018}.service-thumb{flex:3 1 0;min-height:150px;height:auto;position:relative;overflow:hidden;border:0;border-radius:0}.service-thumb img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}.service-thumb span{font-size:20px;color:#fff;text-shadow:0 2px 10px #0008;position:absolute;inset:0;display:grid;place-items:center;background:#0001}.service-body{flex:2 1 0;display:flex;flex-direction:column;padding:14px 16px 16px}.service-card h3{font-size:clamp(13px,1.3vw,15px);min-height:2.4em;margin:2px 0 8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Up to 4 small tag chips under the title (category/type — set per item in Admin) */
.service-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.tag-chip{font-size:10.5px;font-weight:700;background:#eef3f7;color:#4d6070;border-radius:0;padding:4px 9px;letter-spacing:.2px}
/* Price sits at the bottom-left of the card, discount badge at bottom-right */
.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:34px;margin-top:auto}.price-left{display:flex;align-items:baseline;gap:6px}.price-left strong{font-size:19px;color:var(--primary)}.price-left del{font-size:13px;color:#9ba6b1}.discount-right{display:flex}.sale-badge{position:static;display:inline-flex;background:#d90000;color:#fff;padding:5px 10px;border-radius:0;font-size:11px;font-weight:800}.details-btn{min-height:40px;border-radius:0;font-size:13px}.buy-actions .register-btn{background:#138a52}.buy-actions .register-btn:hover{background:#0e6f43}
.lc-modal{display:none;position:fixed;inset:0;z-index:3000}.lc-modal.open{display:block}.lc-modal-backdrop{position:absolute;inset:0;background:#06111dcc}.lc-modal-card{position:relative;width:min(760px,94vw);height:min(760px,92vh);margin:4vh auto;background:#fff;border-radius:0;box-shadow:0 30px 80px #0006;padding:24px;display:flex;flex-direction:column;overflow:hidden}.lc-modal-close{position:absolute;right:12px;top:10px;border:0;background:#eef2f5;color:#173650;border-radius:50%;width:36px;height:36px;font-size:25px;cursor:pointer}.lc-modal-card h2{margin:0 42px 4px 0;color:var(--primary);font-size:28px}.lc-modal-subtitle{margin:0 0 12px;color:var(--muted);font-size:14px}.lc-course-label{font-size:13px;font-weight:800;color:#4b5c6b;margin-bottom:6px}.lc-live-course-select{width:100%;padding:12px;border:1px solid #d5dfe7;border-radius:0;background:#fff;margin-bottom:14px}.lc-form-frame-wrap{flex:1;min-height:0;border:1px solid #e3e9ee;border-radius:0;overflow:hidden}.lc-google-form{width:100%;height:100%;border:0}.lc-form-setup{padding:24px;color:#536474;background:#f8fafc;line-height:1.7}.lc-course-prefill-note{margin:0 0 10px;color:#7b6b36;font-size:12px;background:#fff8df;border:1px solid #f0df9a;padding:8px 10px;border-radius:0}
@media(max-width:1000px){.header-search{min-width:180px}.navwrap{gap:10px}.banner-main{grid-template-columns:2fr 3fr}.video-box,.banner-slider{height:300px}}
@media(max-width:760px){.navwrap{min-height:64px;padding:6px 4%;gap:12px;flex-wrap:nowrap}.brandlink{flex:0 0 auto}.logo{width:var(--logom)}.header-search{min-width:0;flex:1;max-width:200px;display:none}.search-toggle{display:grid}.searchbox{width:100%;min-width:0}.header-search .searchbox input{padding:6px 8px;font-size:12.5px}.header-search .search-btn{width:30px;flex:0 0 30px}.nav-actions{gap:4px}.icon{width:36px;height:36px}.icon svg{width:20px;height:20px}.banner-main{display:flex;flex-direction:column;gap:14px}.video-box,.banner-slider{height:auto;aspect-ratio:16/9;width:100%}.video-box{order:1}.banner-slider{order:2}.service-grid{grid-template-columns:1fr}.service-thumb{flex:3 1 0;min-height:170px}.service-card h3{font-size:14px;-webkit-line-clamp:2}.card-bottom{margin-bottom:0}.lc-modal-card{height:94vh;margin:3vh auto;padding:18px}.lc-modal-card h2{font-size:23px}
}