.byanati-chat{
position:fixed;
inset:0;
z-index:1200;
--byanati-chat-bottom:28px;
pointer-events:none;
}

.byanati-chat__backdrop{
position:absolute;
inset:0;
border:none;
padding:0;
margin:0;
background:rgba(2,10,18,.38);
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity .25s ease, visibility .25s ease;
}

.byanati-chat__surface{
position:absolute;
right:24px;
bottom:var(--byanati-chat-bottom);
display:flex;
flex-direction:column;
align-items:flex-end;
gap:0;
pointer-events:auto;
width:auto;
max-width:min(390px, calc(100vw - 48px));
}

.byanati-chat__fab{
position:relative;
z-index:3;
display:inline-flex;
align-items:center;
justify-content:center;
gap:0;
min-width:60px;
min-height:60px;
padding:0 18px;
border:1px solid rgba(255,255,255,.1);
border-radius:18px;
background:
linear-gradient(135deg, #0f95ad, #4fc6dd);
box-shadow:
0 18px 34px rgba(17,143,166,.24),
inset 0 1px 0 rgba(255,255,255,.1),
inset 0 -1px 0 rgba(7,57,73,.18);
backdrop-filter:blur(18px) saturate(125%);
color:#eefbff;
font-family:inherit;
font-size:15px;
font-weight:800;
cursor:pointer;
isolation:isolate;
overflow:hidden;
transition:none;
}

.byanati-chat__fab-icon{
position:relative;
z-index:1;
}

.byanati-chat__fab-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:22px;
height:22px;
flex:0 0 auto;
}

.byanati-chat__fab-icon svg,
.byanati-chat__close svg{
width:100%;
height:100%;
}

.byanati-chat__panel{
position:absolute;
inset:auto 0 calc(100% + 16px) auto;
z-index:2;
width:min(390px, calc(100vw - 48px));
height:min(72vh, 620px);
height:min(72dvh, 620px);
max-height:min(72vh, 620px);
max-height:min(72dvh, 620px);
display:grid;
grid-template-rows:auto minmax(0, 1fr) auto;
border-radius:28px;
background:
radial-gradient(circle at top right, rgba(95,201,223,.12), transparent 26%),
linear-gradient(180deg, rgba(8,31,43,.98), rgba(4,18,29,.98));
border:1px solid rgba(255,255,255,.08);
box-shadow:0 28px 80px rgba(0,0,0,.34);
backdrop-filter:blur(18px);
overflow:hidden;
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translateY(14px) scale(.97);
transform-origin:bottom right;
transition:opacity .25s ease, transform .25s ease, visibility .25s ease;
}

.byanati-chat.is-open .byanati-chat__backdrop{
opacity:1;
visibility:visible;
pointer-events:auto;
}

.byanati-chat.is-open .byanati-chat__panel{
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translateY(0) scale(1);
}

.byanati-chat.is-open .byanati-chat__fab::before,
.byanati-chat.is-open .byanati-chat__fab::after{
opacity:0;
animation:none;
}

.byanati-chat__header{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
padding:18px 18px 16px;
border-bottom:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.03);
}

.byanati-chat__header-copy{
min-width:0;
}

.byanati-chat__header-copy strong{
display:block;
margin:0 0 8px;
font-size:20px;
line-height:1.3;
color:#fff;
}

.byanati-chat__header-copy p{
margin:0;
font-size:13px;
line-height:1.8;
color:rgba(232,244,247,.7);
}

.byanati-chat__eyebrow{
display:inline-flex;
align-items:center;
gap:8px;
min-height:28px;
padding:0 10px;
margin-bottom:10px;
border-radius:999px;
background:rgba(255,255,255,.05);
border:1px solid rgba(95,201,223,.16);
font-size:12px;
font-weight:700;
color:#d7f6fb;
}

.byanati-chat__eyebrow::before{
content:"";
width:8px;
height:8px;
border-radius:50%;
background:#2fd38c;
box-shadow:0 0 12px rgba(47,211,140,.82);
}

.byanati-chat__close{
width:40px;
height:40px;
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
border:none;
border-radius:14px;
background:rgba(255,255,255,.05);
color:#f3fbff;
cursor:pointer;
transition:background .25s ease, transform .25s ease;
}

.byanati-chat__close:hover{
background:rgba(255,255,255,.1);
transform:translateY(-1px);
}

.byanati-chat__messages{
display:flex;
flex-direction:column;
gap:12px;
padding:18px 18px 42px;
overflow:auto;
min-height:0;
scroll-behavior:smooth;
scroll-padding-bottom:42px;
}

.byanati-chat__messages::-webkit-scrollbar{
width:8px;
}

.byanati-chat__messages::-webkit-scrollbar-thumb{
background:rgba(255,255,255,.12);
border-radius:999px;
}

.byanati-chat__message{
max-width:min(88%, 280px);
padding:12px 14px;
border-radius:18px;
font-size:14px;
line-height:1.9;
word-break:break-word;
}

.byanati-chat__message-copy{
display:block;
}

.byanati-chat__message--assistant{
margin-inline-end:auto;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
color:#eefbff;
border-top-right-radius:10px;
}

.byanati-chat__message--user{
margin-inline-start:auto;
background:linear-gradient(135deg, rgba(17,143,166,.94), rgba(95,201,223,.88));
color:#fff;
box-shadow:0 16px 28px rgba(17,143,166,.22);
border-top-left-radius:10px;
}

.byanati-chat__message--options,
.byanati-chat__message--form,
.byanati-chat__message--products{
max-width:min(94%, 320px);
}

.byanati-chat__product-list{
display:grid;
gap:10px;
margin-top:12px;
}

.byanati-chat__product-card{
display:grid;
grid-template-columns:64px minmax(0, 1fr);
gap:12px;
padding:12px;
border-radius:16px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
}

.byanati-chat__product-image{
width:64px;
height:64px;
border-radius:14px;
object-fit:cover;
background:rgba(255,255,255,.08);
}

.byanati-chat__product-body{
display:grid;
gap:8px;
min-width:0;
}

.byanati-chat__product-title{
display:block;
color:#ffffff;
font-size:14px;
line-height:1.5;
}

.byanati-chat__product-description{
margin:0;
color:rgba(232,244,247,.72);
font-size:12px;
line-height:1.7;
}

.byanati-chat__product-pricing{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:8px;
}

.byanati-chat__product-price{
color:#7ff2a8;
font-size:13px;
font-weight:800;
}

.byanati-chat__product-old-price{
color:rgba(232,244,247,.42);
font-size:12px;
text-decoration:line-through;
}

.byanati-chat__product-link{
display:inline-flex;
align-items:center;
justify-content:center;
width:max-content;
min-height:36px;
padding:0 14px;
border-radius:12px;
background:linear-gradient(135deg, #118fa6, #5fc9df);
color:#ffffff;
font-size:12px;
font-weight:800;
line-height:1;
text-decoration:none;
box-shadow:0 12px 24px rgba(17,143,166,.18);
}

.byanati-chat__product-link:hover{
filter:brightness(1.05);
}

.byanati-chat__options{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:12px;
}

.byanati-chat__option{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:40px;
padding:0 14px;
border-radius:14px;
border:1px solid rgba(255,255,255,.1);
background:rgba(255,255,255,.05);
color:#eefbff;
font-family:inherit;
font-size:13px;
font-weight:700;
line-height:1.3;
text-align:center;
text-decoration:none;
cursor:pointer;
transition:transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.byanati-chat__option:hover{
transform:translateY(-1px);
border-color:rgba(95,201,223,.32);
background:rgba(255,255,255,.08);
}

.byanati-chat__option--primary{
background:linear-gradient(135deg, #118fa6, #5fc9df);
border-color:transparent;
box-shadow:0 14px 24px rgba(17,143,166,.2);
color:#fff;
}

.byanati-chat__option--secondary{
background:rgba(95,201,223,.1);
border-color:rgba(95,201,223,.18);
color:#dffaff;
}

.byanati-chat__option--service{
min-width:calc(50% - 5px);
}

.byanati-chat__lead-form{
display:grid;
gap:10px;
margin-top:12px;
}

.byanati-chat__lead-service{
display:inline-flex;
align-items:center;
justify-content:center;
width:max-content;
max-width:100%;
min-height:30px;
padding:0 12px;
border-radius:999px;
background:rgba(95,201,223,.1);
border:1px solid rgba(95,201,223,.18);
color:#dffaff;
font-size:12px;
font-weight:800;
}

.byanati-chat__lead-field{
display:block;
}

.byanati-chat__lead-field input,
.byanati-chat__lead-field textarea{
width:100%;
min-height:46px;
padding:12px 14px;
border-radius:14px;
border:1px solid rgba(255,255,255,.1);
background:rgba(255,255,255,.04);
color:#ffffff;
font-family:inherit;
font-size:14px;
outline:none;
resize:none;
transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.byanati-chat__lead-field input:focus,
.byanati-chat__lead-field textarea:focus{
border-color:rgba(95,201,223,.34);
box-shadow:0 0 0 4px rgba(95,201,223,.08);
background:rgba(255,255,255,.06);
}

.byanati-chat__lead-field input::placeholder,
.byanati-chat__lead-field textarea::placeholder{
color:rgba(232,244,247,.56);
}

.byanati-chat__lead-submit{
min-height:46px;
border:none;
border-radius:14px;
padding:0 16px;
background:linear-gradient(135deg, #118fa6, #5fc9df);
color:#fff;
font-family:inherit;
font-size:14px;
font-weight:800;
cursor:pointer;
transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.byanati-chat__lead-submit:hover{
transform:translateY(-1px);
box-shadow:0 16px 28px rgba(17,143,166,.22);
filter:brightness(1.04);
}

.byanati-chat__lead-form.is-submitting{
opacity:.72;
pointer-events:none;
}

.byanati-chat__message--typing{
display:inline-flex;
align-items:center;
gap:6px;
}

.byanati-chat__typing-dot{
width:7px;
height:7px;
border-radius:50%;
background:#8feaf5;
opacity:.72;
animation:byanatiChatTyping 1s ease-in-out infinite;
}

.byanati-chat__typing-dot:nth-child(2){
animation-delay:.12s;
}

.byanati-chat__typing-dot:nth-child(3){
animation-delay:.24s;
}

.byanati-chat__composer{
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
gap:10px;
padding:16px 18px 18px;
border-top:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.03);
position:relative;
z-index:2;
}

.byanati-chat__input{
width:100%;
min-height:48px;
padding:0 16px;
border-radius:16px;
border:1px solid rgba(255,255,255,.1);
background:rgba(255,255,255,.04);
color:#fff;
font-family:inherit;
font-size:14px;
outline:none;
transition:border-color .25s ease, box-shadow .25s ease, background .25s ease;
}

.byanati-chat__input:focus{
border-color:rgba(95,201,223,.34);
box-shadow:0 0 0 4px rgba(95,201,223,.08);
background:rgba(255,255,255,.06);
}

.byanati-chat__input::placeholder{
color:rgba(232,244,247,.56);
}

.byanati-chat__input:disabled{
opacity:.72;
cursor:not-allowed;
}

.byanati-chat__send{
min-width:86px;
min-height:48px;
padding:0 18px;
border:none;
border-radius:16px;
background:linear-gradient(135deg, #118fa6, #5fc9df);
color:#fff;
font-family:inherit;
font-size:14px;
font-weight:800;
cursor:pointer;
transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

.byanati-chat__send:hover{
transform:translateY(-1px);
box-shadow:0 16px 28px rgba(17,143,166,.24);
filter:brightness(1.04);
}

.byanati-chat__send:disabled{
opacity:.76;
cursor:wait;
box-shadow:none;
transform:none;
filter:none;
}

.screen-reader-text{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0, 0, 0, 0);
white-space:nowrap;
border:0;
}

.byanati-chat.is-busy .byanati-chat__option:not([href]){
pointer-events:none;
opacity:.7;
}

body.woocommerce .byanati-chat,
body.woocommerce-page .byanati-chat,
body.post-type-archive-product .byanati-chat,
body.single-product .byanati-chat{
--byanati-chat-bottom:24px;
}

@media (max-height: 860px) and (min-width: 768px){
.byanati-chat__panel{
height:min(78vh, 580px);
height:min(78dvh, 580px);
max-height:min(78vh, 580px);
max-height:min(78dvh, 580px);
}

.byanati-chat__header{
padding:16px 16px 14px;
}

.byanati-chat__header-copy strong{
margin:0 0 6px;
font-size:18px;
}

.byanati-chat__header-copy p{
font-size:12px;
line-height:1.7;
}

.byanati-chat__messages{
padding:14px 16px 56px;
scroll-padding-bottom:56px;
}

.byanati-chat__composer{
padding:12px 16px 16px;
}
}

@keyframes byanatiChatTyping{
0%, 100%{
transform:translateY(0);
opacity:.45;
}
50%{
transform:translateY(-4px);
opacity:1;
}
}

@keyframes byanatiChatGlassSweep{
0%, 18%{
transform:translate3d(118%, -4%, 0) rotate(8deg);
opacity:0;
}
30%{
opacity:.1;
}
46%{
transform:translate3d(36%, -1%, 0) rotate(8deg);
opacity:.34;
}
58%{
transform:translate3d(6%, 0, 0) rotate(8deg);
opacity:.42;
}
72%{
transform:translate3d(-34%, 2%, 0) rotate(8deg);
opacity:.14;
}
100%{
transform:translate3d(-118%, 6%, 0) rotate(8deg);
opacity:0;
}
}

@media (max-width: 767px){
body.mobile-menu-open .byanati-chat{
opacity:0;
visibility:hidden;
pointer-events:none;
}

.byanati-chat{
padding-top:12px;
}

.byanati-chat__surface{
left:auto;
right:12px;
bottom:var(--byanati-chat-bottom, 18px);
width:auto;
max-width:min(390px, calc(100vw - 24px));
}

.byanati-chat__fab{
min-height:56px;
padding:0 16px;
border-radius:18px;
}

.byanati-chat.is-open .byanati-chat__surface{
left:12px;
right:12px;
align-items:stretch;
max-width:none;
}

.byanati-chat.is-open .byanati-chat__fab{
opacity:0;
pointer-events:none;
transform:translateY(10px) scale(.96);
}

.byanati-chat__panel{
left:auto;
right:0;
bottom:calc(100% + 12px);
width:min(390px, calc(100vw - 24px));
max-height:min(68vh, 560px);
border-radius:26px;
transform-origin:bottom center;
}

.byanati-chat.is-open .byanati-chat__panel{
position:fixed;
left:12px;
right:12px;
bottom:calc(var(--byanati-chat-bottom, 18px) + 8px);
width:auto;
max-width:none;
max-height:min(66vh, 560px);
}

.byanati-chat__messages{
min-height:0;
padding:16px 16px 26px;
scroll-padding-bottom:26px;
}

.byanati-chat__composer{
grid-template-columns:1fr;
}

.byanati-chat__send{
width:100%;
}

.byanati-chat__message--options,
.byanati-chat__message--form,
.byanati-chat__message--products{
max-width:100%;
}

.byanati-chat__option{
width:100%;
}

.byanati-chat__option--service{
min-width:100%;
}

.byanati-chat__product-card{
grid-template-columns:56px minmax(0, 1fr);
gap:10px;
}

.byanati-chat__product-image{
width:56px;
height:56px;
}

body.byanati-chat-open{
overflow:hidden;
}

body.woocommerce .byanati-chat,
body.woocommerce-page .byanati-chat,
body.post-type-archive-product .byanati-chat,
body.single-product .byanati-chat{
--byanati-chat-bottom:calc(var(--shop-mobile-nav-height, 92px) + env(safe-area-inset-bottom, 0px) + 18px);
}

body.single-product .byanati-chat{
--byanati-chat-bottom:calc(var(--shop-mobile-nav-height, 92px) + var(--shop-mobile-safe-bottom, env(safe-area-inset-bottom, 0px)) + 94px);
}
}