.global-chat__button{position:fixed;bottom:30px;right:30px;width:52px;height:52px;background:#fff;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease}.global-chat__button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.global-chat__button:active{transform:translateY(0);box-shadow:0 2px 8px #00000026}.global-chat__container{position:fixed;top:147px;right:-400px;width:400px;height:calc(85vh - 50px);background:#fff;border-radius:12px 0 0 12px;box-shadow:-4px 0 20px #0000001a;display:flex;flex-direction:column;z-index:1;transition:right .3s ease}.global-chat__container.active{right:0}.global-chat__header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e5e7eb}.global-chat__header h3{margin:0;font-size:1.1rem;font-weight:600;color:#1f2937}.global-chat__close{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease}.global-chat__close:hover{background-color:#f3f4f6}.global-chat__close svg{width:20px;height:20px;color:#374151}.global-chat__messages{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.global-chat__message{max-width:80%;padding:12px 16px;border-radius:18px;font-size:11.34px;line-height:1.4}.global-chat__message--user{align-self:flex-end;background-color:#2a4fea;color:#fff;border-bottom-right-radius:6px}.global-chat__message--bot{align-self:flex-start;background-color:#f3f4f6;color:#374151;border:1px solid #e5e7eb;border-bottom-left-radius:6px}.global-chat__input{display:flex;gap:8px;padding:10px 10px 80px;border-top:1px solid #e5e7eb}.global-chat__input input{flex:1;padding:12px 50px 12px 16px;border:1px solid #d1d5db;border-radius:24px;font-size:12.6px;outline:none;transition:border-color .2s ease;width:calc(100% - 60px)}.global-chat__input input:focus{border-color:#2a4fea}.global-chat__options{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.global-chat__options button{padding:8px 16px;border:2px solid #2a4fea;background:transparent;color:#2a4fea;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:capitalize;white-space:nowrap}.global-chat__options button:hover{background:#2a4fea;color:#fff;transform:translateY(-1px)}body.chat-active .main-content:not(.template-collection){margin-right:400px;transition:margin-right .3s ease}body.chat-active .page-content,body.chat-active .collection-content,body.chat-active .product-content,body.chat-active .blog-content,body.chat-active .search-content,body.chat-active .brands-content,body.chat-active .brands__content{margin-right:400px;transition:margin-right .3s ease}body.chat-active .main-content>div,body.chat-active .main-content>section,body.chat-active .main-content>article,body.chat-active .main-content>aside{margin-right:400px;transition:margin-right .3s ease}body.chat-active .page-width,body.chat-active .page-width--narrow,body.chat-active .page-width--wide,body.chat-active .section,body.chat-active .section-header,body.chat-active .section-content{margin-right:400px;transition:margin-right .3s ease}@media only screen and (max-width: 767.5px){.global-chat__container,.global-chat__button{display:none!important}body.chat-active .main-content:not(.template-collection),body.chat-active .page-content,body.chat-active .collection-content,body.chat-active .product-content,body.chat-active .blog-content,body.chat-active .search-content,body.chat-active .brands-content,body.chat-active .brands__content,body.chat-active .main-content>div,body.chat-active .main-content>section,body.chat-active .main-content>article,body.chat-active .main-content>aside,body.chat-active .page-width,body.chat-active .page-width--narrow,body.chat-active .page-width--wide,body.chat-active .section,body.chat-active .section-header,body.chat-active .section-content{margin-right:0}}@media only screen and (min-width: 768px) and (max-width: 900px){.global-chat__container{width:280px;right:-280px;top:120px;height:calc(80vh - 40px)}.global-chat__button{bottom:20px;right:20px;width:44px;height:44px}.global-chat__button svg{width:44px;height:44px}.global-chat__input{padding:8px 8px 60px}.global-chat__input input{padding:10px 40px 10px 14px;font-size:11.7px;width:calc(100% - 50px)}.global-chat__messages{padding:12px;gap:8px}.global-chat__message{max-width:85%;padding:10px 14px;font-size:10.53px}body.chat-active .main-content:not(.template-collection){margin-right:280px}body.chat-active .page-content,body.chat-active .collection-content,body.chat-active .product-content,body.chat-active .blog-content,body.chat-active .search-content,body.chat-active .brands-content,body.chat-active .brands__content{margin-right:280px}body.chat-active .main-content>div,body.chat-active .main-content>section,body.chat-active .main-content>article,body.chat-active .main-content>aside,body.chat-active .page-width,body.chat-active .page-width--narrow,body.chat-active .page-width--wide,body.chat-active .section,body.chat-active .section-header,body.chat-active .section-content{margin-right:280px}}@media only screen and (min-width: 769px) and (max-width: 1024px){.global-chat__container{width:320px;right:-320px;top:140px;height:calc(82vh - 45px)}.global-chat__button{bottom:25px;right:25px;width:48px;height:48px}.global-chat__button svg{width:48px;height:48px}.global-chat__input{padding:12px 12px 70px}.global-chat__input input{padding:11px 45px 11px 15px;font-size:11.7px;width:calc(100% - 55px)}.global-chat__messages{padding:14px;gap:10px}.global-chat__message{max-width:82%;padding:11px 15px;font-size:10.53px}body.chat-active .main-content:not(.template-collection){margin-right:320px}body.chat-active .page-content,body.chat-active .collection-content,body.chat-active .product-content,body.chat-active .blog-content,body.chat-active .search-content,body.chat-active .brands-content,body.chat-active .brands__content{margin-right:320px}body.chat-active .main-content>div,body.chat-active .main-content>section,body.chat-active .main-content>article,body.chat-active .main-content>aside,body.chat-active .page-width,body.chat-active .page-width--narrow,body.chat-active .page-width--wide,body.chat-active .section,body.chat-active .section-header,body.chat-active .section-content{margin-right:320px}}@media only screen and (min-width: 1025px) and (max-width: 1200px){.global-chat__container{width:340px;right:-340px;top:147px;height:calc(85vh - 50px)}.global-chat__button{bottom:28px;right:28px;width:50px;height:50px}body.chat-active .main-content:not(.template-collection){margin-right:340px}body.chat-active .page-content,body.chat-active .collection-content,body.chat-active .product-content,body.chat-active .blog-content,body.chat-active .search-content,body.chat-active .brands-content,body.chat-active .brands__content{margin-right:340px}body.chat-active .main-content>div,body.chat-active .main-content>section,body.chat-active .main-content>article,body.chat-active .main-content>aside,body.chat-active .page-width,body.chat-active .page-width--narrow,body.chat-active .page-width--wide,body.chat-active .section,body.chat-active .section-header,body.chat-active .section-content{margin-right:340px}}@media only screen and (min-width: 1201px) and (max-width: 1440px){.global-chat__container{width:360px;right:-360px;top:147px;height:calc(85vh - 50px)}.global-chat__button{bottom:28px;right:28px;width:50px;height:50px}.global-chat__button svg{width:50px;height:50px}.global-chat__input{padding:14px 14px 75px}.global-chat__input input{padding:11px 45px 11px 15px;font-size:11.7px;width:calc(100% - 55px)}.global-chat__messages{padding:15px;gap:11px}.global-chat__message{max-width:81%;padding:11px 15px;font-size:10.53px}body.chat-active .main-content:not(.template-collection){margin-right:360px}body.chat-active .page-content,body.chat-active .collection-content,body.chat-active .product-content,body.chat-active .blog-content,body.chat-active .search-content,body.chat-active .brands-content,body.chat-active .brands__content{margin-right:360px}body.chat-active .main-content>div,body.chat-active .main-content>section,body.chat-active .main-content>article,body.chat-active .main-content>aside,body.chat-active .page-width,body.chat-active .page-width--narrow,body.chat-active .page-width--wide,body.chat-active .section,body.chat-active .section-header,body.chat-active .section-content{margin-right:360px}}@media only screen and (min-width: 1441px){.global-chat__container{width:400px;right:-400px;top:147px;height:calc(85vh - 50px)}.global-chat__button{bottom:30px;right:30px;width:52px;height:52px}.global-chat__button svg{width:52px;height:52px}.global-chat__input{padding:16px 16px 80px}.global-chat__input input{padding:12px 50px 12px 16px;font-size:12.6px;width:calc(100% - 60px)}.global-chat__messages{padding:16px;gap:12px}.global-chat__message{max-width:80%;padding:12px 16px;font-size:11.34px}body.chat-active .main-content:not(.template-collection){margin-right:400px}body.chat-active .page-content,body.chat-active .collection-content,body.chat-active .product-content,body.chat-active .blog-content,body.chat-active .search-content,body.chat-active .brands-content,body.chat-active .brands__content{margin-right:400px}body.chat-active .main-content>div,body.chat-active .main-content>section,body.chat-active .main-content>article,body.chat-active .main-content>aside,body.chat-active .page-width,body.chat-active .page-width--narrow,body.chat-active .page-width--wide,body.chat-active .section,body.chat-active .section-header,body.chat-active .section-content{margin-right:400px}}@media only screen and (min-width: 1920px){.global-chat__container{width:450px;right:-450px;top:150px;height:calc(88vh - 60px)}.global-chat__button{bottom:35px;right:35px;width:56px;height:56px}.global-chat__button svg{width:56px;height:56px}body.chat-active .main-content:not(.template-collection),body.chat-active .page-content,body.chat-active .collection-content,body.chat-active .product-content,body.chat-active .blog-content,body.chat-active .search-content,body.chat-active .brands-content,body.chat-active .brands__content,body.chat-active .main-content>div,body.chat-active .main-content>section,body.chat-active .main-content>article,body.chat-active .main-content>aside,body.chat-active .page-width,body.chat-active .page-width--narrow,body.chat-active .page-width--wide,body.chat-active .section,body.chat-active .section-header,body.chat-active .section-content{margin-right:450px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/global-chat.css.map */