/* YHZL_WHATSAPP_WIDGET_V1 */
.yhzl-wa-widget,.yhzl-wa-widget *{box-sizing:border-box}
.yhzl-wa-widget{--wa:#25d366;--wa-dark:#128c4a;--brand:#1e3a8a;position:fixed;right:22px;bottom:22px;z-index:9999;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}
.yhzl-wa-fab{width:62px;height:62px;border:0;border-radius:50%;background:var(--wa);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 30px rgba(15,23,42,.24);transition:.2s}
.yhzl-wa-fab:hover{background:var(--wa-dark);transform:translateY(-2px)}
.yhzl-wa-fab svg{width:34px;height:34px;fill:currentColor}
.yhzl-wa-panel{position:absolute;right:0;bottom:78px;width:min(370px,calc(100vw - 32px));background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(15,23,42,.24);opacity:0;visibility:hidden;transform:translateY(12px) scale(.98);transform-origin:bottom right;transition:.2s}
.yhzl-wa-widget.is-open .yhzl-wa-panel{opacity:1;visibility:visible;transform:none}
.yhzl-wa-header{background:var(--brand);color:#fff;padding:18px;display:flex;justify-content:space-between;gap:14px}
.yhzl-wa-title-wrap{display:flex;align-items:center;gap:11px;min-width:0}
.yhzl-wa-title-icon{width:34px;height:34px;border-radius:50%;background:var(--wa);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.yhzl-wa-title-icon svg{width:20px;height:20px;fill:#fff}
.yhzl-wa-title{margin:0;color:#fff;font-size:1.05rem;line-height:1.35;font-weight:700}
.yhzl-wa-subtitle{margin:3px 0 0;color:#dbeafe;font-size:.78rem;line-height:1.4}
.yhzl-wa-close{width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;font-size:22px;display:flex;align-items:center;justify-content:center}
.yhzl-wa-close:hover{background:rgba(255,255,255,.22)}
.yhzl-wa-body{padding:20px;color:#0f172a}
.yhzl-wa-greeting{margin:0 0 8px;font-size:1rem;line-height:1.55;font-weight:700}
.yhzl-wa-intro{margin:0;color:#334155;font-size:.92rem;line-height:1.6}
.yhzl-wa-list{margin:15px 0 18px;padding:0;list-style:none;display:grid;gap:9px}
.yhzl-wa-list li{display:flex;align-items:flex-start;gap:9px;color:#475569;font-size:.88rem;line-height:1.45}
.yhzl-wa-list li:before{content:"✓";width:20px;height:20px;border-radius:50%;background:#dcfce7;color:#15803d;display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:.75rem;font-weight:800}
.yhzl-wa-product{display:none;margin:0 0 16px;padding:11px 12px;border:1px solid #dbeafe;border-radius:10px;background:#eff6ff;color:#1e3a8a;font-size:.85rem;line-height:1.5;overflow-wrap:anywhere}
.yhzl-wa-product.is-visible{display:block}
.yhzl-wa-start{width:100%;min-height:50px;border:0;border-radius:12px;background:var(--wa);color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-size:.96rem;font-weight:800;text-decoration:none!important;transition:.2s}
.yhzl-wa-start:hover{background:var(--wa-dark);color:#fff;text-decoration:none!important}
.yhzl-wa-start svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}

.yhzl-wa-widget[dir=rtl] .yhzl-wa-header,.yhzl-wa-widget[dir=rtl] .yhzl-wa-title-wrap,.yhzl-wa-widget[dir=rtl] .yhzl-wa-list li{flex-direction:row-reverse;text-align:right}
@media(max-width:640px){.yhzl-wa-widget{right:16px;bottom:16px}.yhzl-wa-fab{width:56px;height:56px}.yhzl-wa-panel{position:fixed;right:16px;left:16px;bottom:82px;width:auto;transform-origin:bottom center}}

/* YHZL_WHATSAPP_WIDGET_V1_2 */

/* YHZL_WHATSAPP_WIDGET_V1_3 */

.yhzl-wa-launcher svg,
.yhzl-wa-head-icon svg,
.yhzl-wa-start svg{
  display:block;
  fill:currentColor !important;
  stroke:none !important;
  shape-rendering:geometricPrecision;
}
.yhzl-wa-launcher svg{width:30px;height:30px}
.yhzl-wa-head-icon svg{width:22px;height:22px}
.yhzl-wa-start svg{width:20px;height:20px;flex:0 0 auto}

/* YHZL_WHATSAPP_ICON_SIZE_V1_4
   Slightly enlarge only the floating WhatsApp launcher icon.
   Keep the green circle and the panel icons unchanged. */
.yhzl-wa-fab svg,
.yhzl-wa-launcher svg {
    width: 37px !important;
    height: 37px !important;
}

@media (max-width: 640px) {
    .yhzl-wa-fab svg,
    .yhzl-wa-launcher svg {
        width: 34px !important;
        height: 34px !important;
    }
}