/* CodeAge Contact – front-end */
#cgc{--cgc-z:99990;--cgc-ink:#111827;--cgc-muted:#6b7280;--cgc-line:#e5e7eb;--cgc-shadow:0 8px 28px rgba(15,23,42,.10),0 2px 6px rgba(15,23,42,.05);
	font-family:inherit;line-height:1.4;font-size:14px}
#cgc *,#cgc *::before,#cgc *::after{box-sizing:border-box}
#cgc [hidden]{display:none!important}
#cgc button{font-family:inherit;margin:0;text-transform:none;letter-spacing:normal;line-height:1.3}
#cgc svg{display:block;fill:currentColor}

/* ============ Desktop & tablet ============ */
#cgc .cgc-dock{position:fixed;bottom:var(--cgc-bottom);z-index:var(--cgc-z);display:flex;flex-direction:column;gap:14px}
#cgc.cgc-right .cgc-dock{right:var(--cgc-side);align-items:flex-end}
#cgc.cgc-left .cgc-dock{left:var(--cgc-side);align-items:flex-start}

#cgc .cgc-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
#cgc.cgc-right .cgc-items{align-items:flex-end}
#cgc.cgc-left .cgc-items{align-items:flex-start}
#cgc .cgc-item{list-style:none;margin:0;padding:0;position:relative;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px) scale(.94);
	transition:opacity .15s ease,transform .2s ease,visibility 0s linear .2s}
#cgc.cgc-open .cgc-item{opacity:1;visibility:visible;pointer-events:auto;transform:none;
	transition:opacity .25s ease calc(var(--i) * 50ms),transform .45s cubic-bezier(.34,1.4,.64,1) calc(var(--i) * 50ms),visibility 0s}

/* Button: round icon (+ label pill depending on mode) */
#cgc .cgc-btn{display:flex;align-items:center;padding:0;margin:0;border:0;background:none;color:inherit;font:inherit;text-decoration:none;cursor:pointer;text-align:left}
#cgc.cgc-left .cgc-btn{flex-direction:row-reverse}
#cgc .cgc-btn:focus-visible{outline:none}
#cgc .cgc-btn:focus-visible .cgc-ico,#cgc .cgc-main:focus-visible{outline:3px solid color-mix(in srgb,var(--c,var(--cgc-main)) 45%,transparent);outline-offset:3px}

#cgc .cgc-ico{position:relative;z-index:1;flex:none;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;
	background:var(--c);color:#fff;box-shadow:0 8px 20px -8px color-mix(in srgb,var(--c) 70%,transparent),0 2px 6px rgba(15,23,42,.08);
	transition:transform .2s ease,box-shadow .2s ease}
#cgc .cgc-bg-white .cgc-ico{background:#fff;color:var(--c);box-shadow:var(--cgc-shadow)}
#cgc .cgc-ico svg{width:24px;height:24px}
#cgc .cgc-ico img,#cgc .cgc-main-ico img{width:28px;height:28px;object-fit:contain;display:block;border:0;border-radius:0;box-shadow:none;margin:0;max-width:none}
#cgc .cgc-bg-white .cgc-ico img{width:70%;height:70%}

#cgc .cgc-card{display:flex;align-items:center;gap:8px;border-radius:999px;background:#fff;box-shadow:var(--cgc-shadow)}
#cgc .cgc-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
#cgc .cgc-lbl{color:var(--cgc-ink);font-size:15px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cgc .cgc-sub{display:none;color:var(--cgc-muted);font-size:12.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cgc.cgc-show-sub .cgc-sub{display:block}
#cgc .cgc-chev{flex:none;color:#6b7280;transition:transform .2s ease,color .2s ease}
#cgc .cgc-chev svg{width:18px;height:18px}
#cgc .cgc-lbl-m{display:none}
#cgc .cgc-btn:hover .cgc-ico{transform:scale(1.06)}

/* Label mode: glass card – icon inside on the left, title, chevron (default) */
@media (min-width:768px){
#cgc.cgc-lbl-card .cgc-items,#cgc.cgc-lbl-always .cgc-items{align-items:stretch}
#cgc.cgc-lbl-card .cgc-btn,#cgc.cgc-lbl-always .cgc-btn{width:100%;min-width:206px;flex-direction:row;gap:12px;padding:6px 14px 6px 6px;border-radius:999px;
	background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);
	border:1px solid rgba(255,255,255,.75);box-shadow:0 10px 30px rgba(15,23,42,.16),inset 0 1px 0 rgba(255,255,255,.6);
	transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
#cgc.cgc-lbl-card .cgc-ico,#cgc.cgc-lbl-always .cgc-ico{order:-1;width:44px;height:44px;box-shadow:none}
#cgc.cgc-lbl-card .cgc-bg-white .cgc-ico,#cgc.cgc-lbl-always .cgc-bg-white .cgc-ico{box-shadow:0 0 0 1px rgba(15,23,42,.06)}
#cgc.cgc-lbl-card .cgc-ico svg,#cgc.cgc-lbl-always .cgc-ico svg{width:22px;height:22px}
#cgc.cgc-lbl-card .cgc-card,#cgc.cgc-lbl-always .cgc-card{flex:1;min-width:0;padding:0;margin:0;background:none;box-shadow:none;border-radius:0}
#cgc.cgc-lbl-card .cgc-btn:hover,#cgc.cgc-lbl-always .cgc-btn:hover{background:rgba(255,255,255,.94);box-shadow:0 14px 34px rgba(15,23,42,.2);transform:translateX(-4px)}
#cgc.cgc-left.cgc-lbl-card .cgc-btn:hover,#cgc.cgc-left.cgc-lbl-always .cgc-btn:hover{transform:translateX(4px)}
#cgc.cgc-lbl-card .cgc-btn:hover .cgc-ico,#cgc.cgc-lbl-always .cgc-btn:hover .cgc-ico{transform:none}
#cgc.cgc-lbl-card .cgc-btn:hover .cgc-chev,#cgc.cgc-lbl-always .cgc-btn:hover .cgc-chev{color:var(--c);transform:translateX(3px)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
	#cgc.cgc-lbl-card .cgc-btn,#cgc.cgc-lbl-always .cgc-btn{background:rgba(255,255,255,.95)}
}
}

/* Label mode: hover tooltip */
#cgc.cgc-lbl-hover .cgc-card{width:auto;height:auto;padding:7px 14px;margin:0 12px 0 0;opacity:0;transform:translateX(6px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}
#cgc.cgc-left.cgc-lbl-hover .cgc-card{margin:0 0 0 12px;transform:translateX(-6px)}
#cgc.cgc-lbl-hover .cgc-lbl{font-size:14px}
#cgc.cgc-lbl-hover .cgc-sub,#cgc.cgc-lbl-hover .cgc-chev{display:none}
#cgc.cgc-lbl-hover .cgc-btn:hover .cgc-card,#cgc.cgc-lbl-hover .cgc-btn:focus-visible .cgc-card{opacity:1;transform:none}
/* Label mode: icons only */
#cgc.cgc-lbl-none .cgc-card{display:none}

/* Main toggle */
#cgc .cgc-main-wrap{position:relative;display:flex;align-items:center}
#cgc .cgc-main{position:relative;display:flex;align-items:center;justify-content:center;width:62px;height:62px;padding:0;border:0;border-radius:50%;
	background:var(--cgc-main);color:#fff;cursor:pointer;
	box-shadow:0 0 0 8px color-mix(in srgb,var(--cgc-main) 14%,transparent),0 12px 26px -8px color-mix(in srgb,var(--cgc-main) 75%,transparent);
	transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
#cgc .cgc-main:hover{transform:scale(1.05)}
#cgc .cgc-main-ico,#cgc .cgc-main-x{position:absolute;display:flex;align-items:center;justify-content:center;width:30px;height:30px;transition:transform .25s ease,opacity .2s ease}
#cgc .cgc-main-ico svg{width:28px;height:28px}
#cgc .cgc-main-x svg{width:26px;height:26px}
#cgc .cgc-main-x{opacity:0;transform:rotate(-90deg) scale(.5)}
#cgc.cgc-open .cgc-main,#cgc.cgc-chat-open .cgc-main{background:#fff;color:var(--cgc-ink);box-shadow:var(--cgc-shadow)}
#cgc.cgc-open .cgc-main-ico,#cgc.cgc-chat-open .cgc-main-ico{opacity:0;transform:rotate(90deg) scale(.5)}
#cgc.cgc-open .cgc-main-x,#cgc.cgc-chat-open .cgc-main-x{opacity:1;transform:none}

/* Attention: expanding waves + breathing halo */
#cgc.cgc-pulse .cgc-main::before,#cgc.cgc-pulse .cgc-main::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--cgc-main);z-index:-1;animation:cgc-pulse 2s cubic-bezier(.2,.6,.35,1) infinite}
#cgc.cgc-pulse .cgc-main::after{animation-delay:1s}
#cgc.cgc-pulse .cgc-main{animation:cgc-halo 2s ease-in-out infinite}
@keyframes cgc-halo{
	0%,100%{box-shadow:0 0 0 6px color-mix(in srgb,var(--cgc-main) 16%,transparent),0 12px 26px -8px color-mix(in srgb,var(--cgc-main) 75%,transparent)}
	50%{box-shadow:0 0 0 13px color-mix(in srgb,var(--cgc-main) 24%,transparent),0 12px 26px -8px color-mix(in srgb,var(--cgc-main) 75%,transparent)}}
/* Attention: phone icon rings (shakes) every 3s */
#cgc.cgc-shake .cgc-main-ico{animation:cgc-shake 3s ease-in-out infinite}
@keyframes cgc-shake{
	0%,45%,100%{transform:rotate(0)}
	5%,15%,25%,35%{transform:rotate(-20deg) scale(1.08)}
	10%,20%,30%,40%{transform:rotate(20deg) scale(1.08)}}
#cgc.cgc-open .cgc-main,#cgc.cgc-chat-open .cgc-main,#cgc.cgc-open .cgc-main-ico,#cgc.cgc-chat-open .cgc-main-ico{animation:none}
#cgc.cgc-open .cgc-main::before,#cgc.cgc-open .cgc-main::after,#cgc.cgc-chat-open .cgc-main::before,#cgc.cgc-chat-open .cgc-main::after{animation:none;opacity:0}
@keyframes cgc-pulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.9);opacity:0}}

/* "Đóng" label + line */
#cgc .cgc-close-lbl{position:absolute;top:50%;display:flex;align-items:center;gap:14px;color:var(--cgc-muted);font-size:15px;white-space:nowrap;
	opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity .2s ease}
#cgc.cgc-right .cgc-close-lbl{right:calc(100% + 18px)}
#cgc.cgc-left .cgc-close-lbl{left:calc(100% + 18px);flex-direction:row-reverse}
#cgc .cgc-close-lbl::before{content:"";width:150px;height:1px;background:var(--cgc-line)}
#cgc.cgc-open .cgc-close-lbl{opacity:1}

/* Attention bubble */
#cgc .cgc-bubble{position:absolute;bottom:calc(100% - 4px);display:flex;align-items:center;gap:8px;padding:8px 15px;border-radius:999px;background:#fff;
	color:var(--cgc-main);font-size:14px;font-weight:600;white-space:nowrap;box-shadow:var(--cgc-shadow);pointer-events:none;
	opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}
/* Show on hover / keyboard focus (all modes) */
#cgc .cgc-main-wrap:hover .cgc-bubble,#cgc .cgc-main-wrap:focus-within .cgc-bubble{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .2s ease,visibility 0s}
/* Timed: once per page view (JS skips it after the first page of the session) */
#cgc.cgc-bubble-timed:not(.cgc-bubble-done) .cgc-bubble{animation:cgc-bubble-once var(--cgc-bubble-time,5s) ease var(--cgc-bubble-delay,3s) 1}
@keyframes cgc-bubble-once{0%{opacity:0;visibility:visible;transform:translateY(8px) scale(.9)}10%,85%{opacity:1;visibility:visible;transform:none}100%{opacity:0;visibility:visible;transform:translateY(4px)}}
/* Loop: legacy repeating behaviour */
#cgc.cgc-bubble-loop .cgc-bubble{visibility:visible;animation:cgc-bubble 6s ease 1s infinite both}
#cgc.cgc-right .cgc-bubble{right:36px}
#cgc.cgc-left .cgc-bubble{left:36px}
#cgc .cgc-bubble::after{content:"";position:absolute;bottom:-4px;width:10px;height:10px;background:#fff;transform:rotate(45deg);box-shadow:2px 2px 3px rgba(15,23,42,.05)}
#cgc.cgc-right .cgc-bubble::after{right:18px}
#cgc.cgc-left .cgc-bubble::after{left:18px}
#cgc .cgc-dot{position:relative;width:9px;height:9px;border-radius:50%;background:#22c55e;flex:none;display:inline-block}
#cgc .cgc-bubble .cgc-dot{background:var(--cgc-main)}
#cgc.cgc-open .cgc-bubble,#cgc.cgc-chat-open .cgc-bubble{display:none}
@keyframes cgc-bubble{0%{opacity:0;transform:translateY(8px) scale(.85)}6%{opacity:1;transform:translateY(-3px) scale(1.03)}10%,72%{opacity:1;transform:none}80%,100%{opacity:0;transform:translateY(4px)}}

/* Unread badge */
#cgc .cgc-badge{position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#ef4444;color:#fff;
	font-size:11.5px;font-weight:700;line-height:16px;text-align:center;border:2px solid #fff;z-index:2}

/* ============ Chat window ============ */
#cgc .cgc-chat{position:fixed;z-index:calc(var(--cgc-z) + 1);bottom:calc(var(--cgc-bottom) + 92px);width:370px;max-width:calc(100vw - 32px);
	height:min(560px,calc(100vh - var(--cgc-bottom) - 100px));display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;
	box-shadow:0 12px 48px rgba(0,0,0,.22);animation:cgc-in .22s ease;color:#1f2937}
#cgc.cgc-right .cgc-chat{right:var(--cgc-side)}
#cgc.cgc-left .cgc-chat{left:var(--cgc-side)}
@keyframes cgc-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

#cgc .cgc-chat-head{display:flex;align-items:center;gap:12px;padding:14px 12px 14px 16px;background:var(--c);color:#fff;flex:none}
#cgc .cgc-chat-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.2);flex:none}
#cgc .cgc-chat-avatar svg,#cgc .cgc-chat-avatar img{width:22px;height:22px;object-fit:contain}
#cgc .cgc-chat-titles{flex:1;min-width:0;display:flex;flex-direction:column}
#cgc .cgc-chat-titles strong{font-size:15.5px;font-weight:600;color:#fff}
#cgc .cgc-chat-titles span{font-size:12px;opacity:.92;display:flex;align-items:center;gap:6px}
#cgc .cgc-chat .cgc-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 2px rgba(255,255,255,.35);display:inline-block}
#cgc .cgc-chat-close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer}
#cgc .cgc-chat-close:hover{background:rgba(255,255,255,.18)}
#cgc .cgc-chat-close svg{width:22px;height:22px}

#cgc .cgc-chat-body{flex:1;overflow-y:auto;padding:16px;background:#f4f5f7;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain}
#cgc .cgc-msg{max-width:82%;padding:9px 13px;border-radius:16px;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
#cgc .cgc-msg-admin{align-self:flex-start;background:#fff;color:#1f2937;border-bottom-left-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
#cgc .cgc-msg-visitor{align-self:flex-end;background:var(--c);color:#fff;border-bottom-right-radius:4px}
#cgc .cgc-msg time{display:block;font-size:11px;opacity:.65;margin-top:3px;text-align:right}
#cgc .cgc-note{align-self:center;text-align:center;font-size:12px;color:#6b7280;padding:2px 8px}
#cgc .cgc-msg a{color:inherit;text-decoration:underline}

#cgc .cgc-chat-start{display:grid;gap:8px;padding:12px 16px 16px;background:#fff;border-top:1px solid #eceef1;flex:none}
#cgc .cgc-chat input[type=text],#cgc .cgc-chat input[type=tel],#cgc .cgc-chat input[type=email],#cgc .cgc-chat textarea{
	width:100%;margin:0;padding:10px 12px;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#111827;font:inherit;font-size:14.5px;line-height:1.4;box-shadow:none;min-height:0;height:auto}
#cgc .cgc-chat textarea{resize:none}
#cgc .cgc-chat input:focus,#cgc .cgc-chat textarea:focus{outline:none;border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 18%,transparent)}
#cgc .cgc-chat-submit{padding:11px;border:0;border-radius:10px;background:var(--c);color:#fff;font-size:15px;font-weight:600;cursor:pointer}
#cgc .cgc-chat-submit:disabled,#cgc .cgc-chat-send button:disabled{opacity:.6;cursor:default}
#cgc .cgc-chat-err{margin:0;color:#dc2626;font-size:13px}
#cgc .cgc-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}

#cgc .cgc-chat-send{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid #eceef1;flex:none}
#cgc .cgc-chat-send textarea{flex:1;border-radius:20px;padding:10px 14px;max-height:120px}
#cgc .cgc-chat-send button{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;padding:0;border:0;border-radius:50%;background:var(--c);color:#fff;cursor:pointer}
#cgc .cgc-chat-send button svg{width:20px;height:20px}
#cgc .cgc-chat-reset{display:block;width:100%;padding:0 12px 8px;border:0;background:#fff;color:#9ca3af;font-size:12px;text-decoration:underline;cursor:pointer;flex:none}
#cgc .cgc-chat-reset:hover{color:#4b5563}


/* ============ Mobile ============ */
@media (max-width:767px){
	body.cgc-has-bar{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
	#cgc .cgc-main-wrap{display:none}
	#cgc .cgc-item.cgc-hide-m{display:none!important}
	#cgc.cgc-m-empty .cgc-dock{display:none!important}
	#cgc .cgc-dock{left:0!important;right:0!important;bottom:0!important;display:block}
	#cgc .cgc-items{flex-direction:row;align-items:stretch;gap:0}
	#cgc .cgc-item{flex:1 1 0;min-width:0;opacity:1;visibility:visible;pointer-events:auto;transform:none!important;transition:none}
	#cgc .cgc-card{display:none}
	#cgc .cgc-btn,#cgc.cgc-left .cgc-btn{width:100%;justify-content:center;flex-direction:row;-webkit-tap-highlight-color:transparent}
	#cgc .cgc-btn:hover .cgc-ico{transform:none}
	#cgc .cgc-lbl-m{display:block;min-width:0;font-size:14px;font-weight:500;line-height:1.2;color:var(--cgc-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	#cgc.cgc-m-nolabels .cgc-lbl-m{display:none}
	#cgc .cgc-badge{top:-5px;right:-7px}

	/* --- Pill: floating rounded bar (default). Narrow phones: icon above label --- */
	#cgc.cgc-m-pill .cgc-dock{left:10px!important;right:10px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important}
	#cgc.cgc-m-pill .cgc-items{align-items:center;padding:7px 4px;border-radius:28px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.14),0 2px 6px rgba(15,23,42,.06)}
	#cgc.cgc-m-pill .cgc-item:not(.cgc-hide-m) ~ .cgc-item:not(.cgc-hide-m)::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--cgc-line)}
	#cgc.cgc-m-pill .cgc-btn{flex-direction:column;gap:4px;height:60px;padding:0 3px}
	#cgc.cgc-m-pill .cgc-lbl-m{font-size:12px;max-width:100%}
	#cgc.cgc-m-pill .cgc-ico{order:-1;width:34px;height:34px;box-shadow:0 4px 10px -4px color-mix(in srgb,var(--c) 70%,transparent)}
	#cgc.cgc-m-pill .cgc-bg-white .cgc-ico{box-shadow:0 0 0 1px var(--cgc-line)}
	#cgc.cgc-m-pill .cgc-ico svg{width:18px;height:18px}
	#cgc.cgc-m-pill .cgc-ico img{width:20px;height:20px}
	#cgc.cgc-m-pill .cgc-bg-white .cgc-ico img{width:76%;height:76%}
	#cgc.cgc-m-pill.cgc-m-nolabels .cgc-btn{height:50px}
	#cgc.cgc-m-pill.cgc-m-nolabels .cgc-ico{width:40px;height:40px}

	/* --- Classic full-width bars --- */
	#cgc.cgc-m-color .cgc-items,#cgc.cgc-m-light .cgc-items{background:#fff;box-shadow:0 -2px 12px rgba(0,0,0,.12);padding-bottom:env(safe-area-inset-bottom,0px)}
	#cgc.cgc-m-color .cgc-btn,#cgc.cgc-m-light .cgc-btn{flex-direction:column;gap:3px;height:60px;padding:0 2px}
	#cgc.cgc-m-color .cgc-ico,#cgc.cgc-m-light .cgc-ico,#cgc.cgc-m-color .cgc-bg-white .cgc-ico,#cgc.cgc-m-light .cgc-bg-white .cgc-ico{order:-1;width:26px;height:26px;background:none;box-shadow:none}
	#cgc.cgc-m-color .cgc-ico svg,#cgc.cgc-m-light .cgc-ico svg{width:22px;height:22px}
	#cgc.cgc-m-color .cgc-ico img,#cgc.cgc-m-light .cgc-ico img{width:24px;height:24px}
	#cgc.cgc-m-color .cgc-lbl-m,#cgc.cgc-m-light .cgc-lbl-m{font-size:11px;max-width:100%}
	#cgc.cgc-m-color .cgc-btn{background:var(--c)}
	#cgc.cgc-m-color .cgc-ico,#cgc.cgc-m-color .cgc-lbl-m{color:#fff}
	#cgc.cgc-m-color .cgc-bg-white .cgc-btn{background:#fff}
	#cgc.cgc-m-color .cgc-bg-white .cgc-ico{color:var(--c)}
	#cgc.cgc-m-color .cgc-bg-white .cgc-lbl-m{color:var(--cgc-ink)}
	#cgc.cgc-m-color .cgc-item:not(.cgc-hide-m) ~ .cgc-item:not(.cgc-hide-m) .cgc-btn{box-shadow:inset 1px 0 0 rgba(255,255,255,.28)}
	#cgc.cgc-m-light .cgc-ico{color:var(--c)}
	#cgc.cgc-m-light .cgc-item:not(.cgc-hide-m) ~ .cgc-item:not(.cgc-hide-m) .cgc-btn{box-shadow:inset 1px 0 0 #eef0f3}
	#cgc.cgc-m-color.cgc-m-nolabels .cgc-btn,#cgc.cgc-m-light.cgc-m-nolabels .cgc-btn{height:54px}

	#cgc .cgc-chat{inset:0;width:100%;max-width:none;height:100%;height:100dvh;border-radius:0;bottom:0}
	#cgc.cgc-left .cgc-chat,#cgc.cgc-right .cgc-chat{left:0;right:0}
	#cgc .cgc-chat input[type=text],#cgc .cgc-chat input[type=tel],#cgc .cgc-chat input[type=email],#cgc .cgc-chat textarea{font-size:16px}
	html.cgc-lock,html.cgc-lock body{overflow:hidden}
}
/* Pill bar: icon + label side by side when there is room (wide phones, or 3 buttons or fewer). */
@media (min-width:470px) and (max-width:767px){
	#cgc.cgc-m-pill:not(.cgc-many) .cgc-items{border-radius:999px;padding:8px 6px}
	#cgc.cgc-m-pill:not(.cgc-many) .cgc-item{flex:1 1 auto}
	#cgc.cgc-m-pill:not(.cgc-many) .cgc-btn{flex-direction:row;gap:8px;height:50px;padding:0 6px}
	#cgc.cgc-m-pill:not(.cgc-many) .cgc-lbl-m{font-size:14px}
}
@media (min-width:340px) and (max-width:767px){
	#cgc.cgc-m-pill.cgc-few .cgc-items{border-radius:999px;padding:8px 6px}
	#cgc.cgc-m-pill.cgc-few .cgc-item{flex:1 1 auto}
	#cgc.cgc-m-pill.cgc-few .cgc-btn{flex-direction:row;gap:9px;height:50px;padding:0 10px}
	#cgc.cgc-m-pill.cgc-few .cgc-lbl-m{font-size:14.5px}
}

@media (prefers-reduced-motion:reduce){
	#cgc *,#cgc *::before,#cgc *::after{animation:none!important;transition:none!important}
}
@media print{#cgc{display:none!important}}