@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');

/* ── Base ── */
.weezi-wrap,.weezi-service-section{--g:#1a7a3c;--gd:#145e2e;--gl:#eaf5ee;--bk:#111;--wh:#fff;font-family:'Inter',sans-serif;box-sizing:border-box}
.weezi-wrap *,.weezi-service-section *{box-sizing:border-box}

/* ── Full Selector Wrap ── */
.weezi-wrap{max-width:740px;margin:0 auto;padding:24px 16px}

/* ── Steps ── */
.weezi-steps{display:flex;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #e5e7eb;margin-bottom:28px}
.weezi-step{flex:1;padding:12px 6px;text-align:center;font-size:11px;font-weight:600;color:#aaa;border-right:1px solid #e5e7eb;font-family:'Montserrat',sans-serif;transition:all .2s;cursor:default}
.weezi-step:last-child{border-right:none}
.weezi-step.active{background:var(--g);color:#fff}
.weezi-step.done{background:var(--gl);color:var(--g)}
.ws-num{display:block;font-size:18px;font-weight:800;margin-bottom:2px}

/* ── Titles ── */
.weezi-title{font-family:'Montserrat',sans-serif;font-size:22px;font-weight:800;color:var(--bk);margin-bottom:6px}
.weezi-sub{font-size:13px;color:#888;margin-bottom:20px}

/* ── Search ── */
.weezi-search{width:100%;padding:12px 16px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:'Inter',sans-serif;margin-bottom:16px;outline:none;background:#fff;color:#111}
.weezi-search:focus{border-color:var(--g)}

/* ── Category Grid ── */
.weezi-cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.weezi-cat-card{background:#fff;border:2px solid #e5e7eb;border-radius:14px;padding:24px 16px;text-align:center;cursor:pointer;transition:all .2s}
.weezi-cat-card:hover{border-color:var(--g);background:var(--gl)}
.weezi-cat-icon-img{width:64px;height:64px;object-fit:contain;margin-bottom:12px}
.weezi-cat-icon-placeholder{width:64px;height:64px;background:#f0f0f0;border-radius:12px;margin:0 auto 12px}
.weezi-cat-name{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:700;color:var(--bk);display:block}

/* ── Brand Grid ── */
.weezi-brand-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.weezi-brand-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .15s}
.weezi-brand-card:hover{border-color:var(--g)}
.weezi-brand-logo-wrap{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.weezi-brand-logo-wrap img{width:100%;height:100%;object-fit:contain}
.weezi-brand-logo-letter{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:800;color:#fff}
.weezi-brand-name-text{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;color:var(--bk)}

/* ── Model Grid ── */
.weezi-model-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.weezi-model-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:12px 14px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .15s}
.weezi-model-card:hover{border-color:var(--g);background:#fafffe}
.weezi-model-thumb{width:48px;height:48px;object-fit:contain;border-radius:6px;background:#f5f5f5;flex-shrink:0}
.weezi-model-thumb-ph{width:48px;height:48px;background:#f0f0f0;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.weezi-model-name-text{font-size:13px;font-weight:600;color:var(--bk);font-family:'Inter',sans-serif}

/* ── Back + Breadcrumb ── */
.weezi-back{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--g);background:none;border:none;cursor:pointer;margin-bottom:14px;padding:4px 0;font-family:'Inter',sans-serif}
.weezi-bc{display:flex;gap:6px;align-items:center;margin-bottom:20px;flex-wrap:wrap}
.wbc-l{font-size:12px;color:var(--g);cursor:pointer;font-family:'Inter',sans-serif}
.wbc-sep{font-size:12px;color:#ddd}
.wbc-c{font-size:12px;color:var(--bk);font-weight:600;font-family:'Inter',sans-serif}

/* ── Repair List ── */
.weezi-rep-section{font-size:11px;font-weight:700;color:var(--g);text-transform:uppercase;letter-spacing:.5px;margin:20px 0 10px;padding-bottom:6px;border-bottom:2px solid var(--gl);font-family:'Montserrat',sans-serif}
.weezi-rep-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.weezi-rep-item:hover{border-color:#ccc}
.weezi-rep-left{display:flex;align-items:center;gap:12px}
.weezi-rep-name{font-size:14px;font-weight:500;color:var(--bk);font-family:'Inter',sans-serif}
.weezi-rep-time{font-size:11px;color:#aaa;margin-top:2px}
.weezi-rep-price{font-size:15px;font-weight:700;color:var(--g);white-space:nowrap;font-family:'Montserrat',sans-serif}

/* ── CTA ── */
.weezi-cta{background:var(--g);border-radius:12px;padding:20px 24px;margin-top:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.weezi-cta p{font-size:15px;color:#fff;font-weight:600;margin:0 0 2px;font-family:'Montserrat',sans-serif}
.weezi-cta span{font-size:12px;color:rgba(255,255,255,.75);font-family:'Inter',sans-serif}
.weezi-cta-btn{background:#fff;color:var(--g);border:none;padding:11px 22px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap;font-family:'Montserrat',sans-serif}
.weezi-cta-btn:hover{background:var(--gl)}

/* ── View toggle ── */
.weezi-view{display:none}
.weezi-view.active{display:block}
.weezi-loading{padding:20px;color:#aaa;text-align:center;font-size:14px}

/* ════════════════════════════════════════════════════════════
   SERVICE SECTION SHORTCODES (smartphones/consoles/etc)
════════════════════════════════════════════════════════════ */
.weezi-service-section{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:8px 0}
.weezi-service-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;overflow:hidden;transition:border-color .2s}
.weezi-service-card:hover{border-color:var(--g)}
.weezi-service-card-header{padding:20px 16px;display:flex;align-items:center;justify-content:center;min-height:90px}
.weezi-brand-logo-img{max-height:50px;max-width:120px;object-fit:contain;filter:brightness(0) invert(1)}
.weezi-brand-logo-text{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:800;color:#fff;text-align:center}
.weezi-service-card-body{padding:16px}
.weezi-service-brand-name{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:800;color:var(--g);margin-bottom:10px;text-transform:uppercase;letter-spacing:.3px}
.weezi-service-models{display:flex;flex-direction:column;gap:6px}
.weezi-service-model-btn{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid #e5e7eb;border-radius:20px;font-size:12px;font-weight:500;color:var(--bk);text-decoration:none;transition:all .15s;font-family:'Inter',sans-serif;gap:8px}
.weezi-service-model-btn:hover{border-color:var(--g);color:var(--g);background:var(--gl)}
.weezi-service-model-btn img{width:24px;height:24px;object-fit:contain;flex-shrink:0}
.weezi-service-model-btn span{flex:1}
.weezi-service-model-btn svg{flex-shrink:0;opacity:.5}
.weezi-service-model-btn:hover svg{opacity:1}

/* ── Micro-soudure special layout ── */
.weezi-cat-microsoldering .weezi-service-section,
.weezi-cat-applewatch .weezi-service-section{grid-template-columns:1fr}
.weezi-cat-microsoldering .weezi-service-card,
.weezi-cat-applewatch .weezi-service-card{max-width:400px}

/* ── Responsive ── */
@media(max-width:640px){
  .weezi-service-section{grid-template-columns:1fr 1fr}
  .weezi-cat-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:420px){
  .weezi-service-section,.weezi-brand-grid,.weezi-model-grid,.weezi-cat-grid{grid-template-columns:1fr}
  .weezi-cta{flex-direction:column;text-align:center}
}