/**
 * GOLAKS - Custom CSS
 * Site özel stil düzenlemeleri
 */

/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Michroma&family=Play:wght@400;700&display=swap');

/* Global Font Ayarları */
body {
    font-family: "Play", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

/* Başlıklar için Michroma */
h1, h2, h3, h4, h5, h6,
.title,
.section-title h2,
.banner__content h2,
.breadcrumb__content h2 {
    font-family: "Michroma", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

/* Bold metinler için Play Bold */
strong, b,
.btn,
.font-weight-bold,
.play-bold {
    font-family: "Play", sans-serif !important;
    font-weight: 700 !important;
}

/* Regular metinler için Play Regular */
p, a, span, li, div,
.play-regular {
    font-family: "Play", sans-serif !important;
    font-weight: 400;
}

/* Michroma class */
.michroma-regular {
    font-family: "Michroma", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

/* Breadcrumb - Header altında kalmayı önle */
.breadcrumb__area {
    padding-top: 180px !important;
    margin-top: 0;
}

/* Responsive düzenlemeler */
@media (max-width: 991px) {
    .breadcrumb__area {
        padding-top: 140px !important;
    }
}

@media (max-width: 767px) {
    .breadcrumb__area {
        padding-top: 120px !important;
    }
}

/* İletişim sayfası - İletişim bilgileri koyu gri */
.contact__info .content p,
.contact__info .content a {
    color: #222 !important;
    font-weight: 500;
}

/* İletişim sayfasında newsletter bölümünü gizle */
.page-contact .footer__newsletter-two {
    display: none !important;
}

/* Contact başlık boyutu küçült */
.breadcrumb__content h2.title {
    font-size: 32px !important;
}

@media (max-width: 767px) {
    .breadcrumb__content h2.title {
        font-size: 28px !important;
    }
}

/* Header üst bilgi çubuğu - İletişim bilgileri koyu gri */
.tg-header__top-info li,
.tg-header__top-info li a,
.tg-header__top-right li,
.tg-header__top-right li a {
    color: #222 !important;
}

.tg-header__top-info li i,
.tg-header__top-right li i {
    color: #222 !important;
}

/* Ana sayfada header bilgileri açık renk (koyu zemin için) */
.page-home .tg-header__top-info li,
.page-home .tg-header__top-info li a,
.page-home .tg-header__top-right li,
.page-home .tg-header__top-right li a {
    color: #fff !important;
}

.page-home .tg-header__top-info li i,
.page-home .tg-header__top-right li i {
    color: #fff !important;
}

/* ========================================
   Global Offices Section - Ofisler Bölümü
   ======================================== */

.global-offices-area {
    background: #f8f9fa;
    position: relative;
}

.office-item {
    background: #fff;
    border-radius: 10px;
    padding: 35px 25px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    height: 100%;
    position: relative;
    overflow: hidden;
}

.office-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.office-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #0ea5e9 0%, #06b6d4 100%);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.office-item:hover::before {
    transform: scaleX(1);
}

.office-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%);
    border-radius: 50%;
    margin: 0 auto 20px;
    color: #fff;
    font-size: 30px;
    transition: all 0.3s ease;
}

.office-item:hover .office-icon {
    transform: rotateY(360deg);
}

.office-flag {
    margin-bottom: 15px;
}

.flag-emoji {
    font-size: 48px;
    display: inline-block;
    animation: wave 2s ease-in-out infinite;
}

@keyframes wave {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(-10deg); }
    75% { transform: rotate(10deg); }
}

.office-item:hover .flag-emoji {
    animation: bounce 0.6s ease;
}

@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.office-content .title {
    font-size: 22px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 15px;
    font-family: "Michroma", sans-serif !important;
}

.office-content .address {
    color: #64748b;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 20px;
    min-height: 60px;
}

.office-contact {
    list-style: none;
    padding: 0;
    margin: 0;
}

.office-contact li {
    padding: 8px 0;
    font-size: 14px;
    color: #475569;
}

.office-contact li i {
    color: #0ea5e9;
    margin-right: 8px;
    font-size: 16px;
}

.office-contact li a {
    color: #475569;
    transition: color 0.3s ease;
    text-decoration: none;
}

.office-contact li a:hover {
    color: #0ea5e9;
}

/* Responsive */
@media (max-width: 991px) {
    .office-item {
        padding: 30px 20px;
    }
    
    .office-content .title {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .global-offices-area {
        padding: 80px 0 50px;
    }
    
    .office-item {
        margin-bottom: 20px;
    }
}

/* Global Ofisler - Başlık düzenlemeleri */
.global-offices-area {
    padding-top: 60px !important;
}

.global-offices-area .section-title .title {
    font-size: 32px !important;
}

@media (max-width: 991px) {
    .global-offices-area {
        padding-top: 50px !important;
    }
    
    .global-offices-area .section-title .title {
        font-size: 32px !important;
    }
}

@media (max-width: 767px) {
    .global-offices-area {
        padding-top: 40px !important;
    }
    
    .global-offices-area .section-title .title {
        font-size: 26px !important;
    }
}

/* Contact form başlık küçült */
.contact__content .section-title .title {
    font-size: 28px !important;
    line-height: 1.3 !important;
}

@media (max-width: 767px) {
    .contact__content .section-title .title {
        font-size: 22px !important;
    }
}

/* ========================================
   Working Hours Section - Çalışma Saatleri
   ======================================== */

.working-hours-title h3 {
    font-size: 22px;
    color: #1e293b;
    margin-bottom: 10px;
    font-family: "Michroma", sans-serif !important;
}

.working-hours-title h3 i {
    color: #0ea5e9;
    margin-right: 10px;
}

.timezone-note {
    color: #64748b;
    font-size: 13px;
    font-style: italic;
    margin-bottom: 0;
}

.working-hours-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 25px;
}

.hours-item {
    background: #f8fafc;
    border-left: 3px solid #0ea5e9;
    padding: 20px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.hours-item:hover {
    background: #fff;
    box-shadow: 0 5px 15px rgba(14, 165, 233, 0.15);
    transform: translateX(5px);
}

.hours-item .country-flag {
    font-size: 32px;
    margin-bottom: 10px;
}

.hours-item h4 {
    font-size: 16px;
    color: #1e293b;
    margin-bottom: 5px;
    font-family: "Michroma", sans-serif !important;
}

.hours-item .timezone {
    color: #0ea5e9;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;
    display: inline-block;
    background: rgba(14, 165, 233, 0.1);
    padding: 2px 10px;
    border-radius: 12px;
}

.hours-item .hours {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #e2e8f0;
}

.hours-item .hours:last-child {
    border-bottom: none;
}

.hours-item .hours .day {
    color: #475569;
    font-size: 13px;
}

.hours-item .hours .time {
    color: #1e293b;
    font-weight: 600;
    font-size: 13px;
}

.support-badge {
    background: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%);
    padding: 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #fff;
}

.support-badge .badge-icon {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.support-badge .badge-content h4 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 5px;
    font-family: "Michroma", sans-serif !important;
}

.support-badge .badge-content p {
    margin: 0;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.95);
}

.support-badge .badge-content a {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    transition: all 0.3s ease;
}

.support-badge .badge-content a:hover {
    border-bottom-color: #fff;
}

@media (max-width: 767px) {
    .working-hours-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .support-badge {
        flex-direction: column;
        text-align: center;
    }
}

/* Timezone inline style */
.timezone-inline {
    font-size: 12px;
    color: #0ea5e9;
    font-weight: 600;
    background: rgba(14, 165, 233, 0.1);
    padding: 2px 8px;
    border-radius: 10px;
    margin-left: 8px;
    font-family: "Play", sans-serif !important;
}

/* Çalışma saatleri üst boşluk azalt */
.contact__content {
    padding-top: 0 !important;
    margin-top: 10px !important;
}

.working-hours-title {
    margin-top: 10px !important;
    padding-top: 0 !important;
}

/* Contact area üst boşluk kaldır */
.contact__area {
    padding-top: 0 !important;
    margin-top: 10px !important;
}

.contact__info {
    margin-top: 10px !important;
    padding-top: 0 !important;
}

/* Contact area alt boşluk */
.contact__area {
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
}

/* Form validation - sadece kırmızı border */
.call-back-form input:invalid:not(:placeholder-shown),
.contact__form-wrap input:invalid:not(:placeholder-shown),
.contact__form-wrap textarea:invalid:not(:placeholder-shown) {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.15) !important;
}

.call-back-form input:valid,
.contact__form-wrap input:valid,
.contact__form-wrap textarea:valid {
    border-color: #28a745 !important;
}

/* Validation mesajlarını gizle */
.call-back-form input:invalid,
.contact__form-wrap input:invalid,
.contact__form-wrap textarea:invalid {
    box-shadow: none !important;
}

/* JavaScript validation için class-based styles */
.call-back-form input.is-invalid,
.contact__form-wrap input.is-invalid,
.contact__form-wrap textarea.is-invalid {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.15) !important;
}

.call-back-form input.is-valid,
.contact__form-wrap input.is-valid,
.contact__form-wrap textarea.is-valid {
    border-color: #28a745 !important;
    box-shadow: none !important;
}

/* Daha güçlü validation CSS - call-back-form için */
.call-back-area .call-back-form .form-grp input.is-invalid {
    border: 2px solid #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.15) !important;
}

.call-back-area .call-back-form .form-grp input.is-valid {
    border: 2px solid #28a745 !important;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.15) !important;
}

/* Toast Bildirimleri */
#callbackToast {
    min-width: 300px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    overflow: hidden;
}

#callbackToast .toast-header {
    border-bottom: none;
    padding: 12px 15px;
    font-weight: 600;
}

#callbackToast .toast-header .btn-close {
    filter: brightness(0) invert(1);
}

#callbackToast .toast-body {
    padding: 15px;
    font-size: 14px;
    color: #333;
    background: #fff;
}

#callbackToast .toast-icon {
    font-size: 18px;
}

/* Toast animasyonları */
.toast.showing {
    animation: slideInRight 0.3s ease-out;
}

.toast.hide {
    animation: slideOutRight 0.3s ease-in;
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideOutRight {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(100%);
        opacity: 0;
    }
}

/* ========================================
   Footer Callback Form - Biz Sizi Arayalım
   ======================================== */

#footer-callback-form .form-control {
    background: rgba(255, 255, 255, 0.95);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    padding: 14px 18px;
    color: #1e293b;
    font-size: 14px;
    transition: all 0.3s ease;
    height: 50px;
}

#footer-callback-form .form-control::placeholder {
    color: #64748b;
}

#footer-callback-form .form-control:focus {
    background: #fff;
    border-color: #0ea5e9;
    box-shadow: 0 0 0 0.2rem rgba(14, 165, 233, 0.15);
    outline: none;
}

/* Footer form validation */
#footer-callback-form .form-control.is-invalid {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.15) !important;
}

#footer-callback-form .form-control.is-valid {
    border-color: #28a745 !important;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.15) !important;
}

/* Footer newsletter başlık ve açıklama */
.footer__newsletter-two .title {
    color: #fff;
    font-size: 32px;
    margin-bottom: 15px;
}

.footer__newsletter-two p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    margin-bottom: 25px;
}

/* Footer callback form button */
#footer-callback-form .btn {
    height: 50px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
}

#footer-callback-form .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* Footer toast */
#footerCallbackToast {
    min-width: 300px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    overflow: hidden;
}

#footerCallbackToast .toast-header {
    border-bottom: none;
    padding: 12px 15px;
    font-weight: 600;
}

#footerCallbackToast .toast-header .btn-close {
    filter: brightness(0) invert(1);
}

#footerCallbackToast .toast-body {
    padding: 15px;
    font-size: 14px;
    color: #333;
    background: #fff;
}

#footerCallbackToast .toast-icon {
    font-size: 18px;
}

/* Responsive düzenlemeler */
@media (max-width: 767px) {
    .footer__newsletter-two .title {
        font-size: 24px;
    }

    #footer-callback-form .row {
        gap: 10px !important;
    }

    #footer-callback-form .col-md-4,
    #footer-callback-form .col-md-3,
    #footer-callback-form .col-md-2 {
        width: 100%;
    }
}

/* ========================================
   GolaksAI Chat Widget - Ultra Modern Design
   ======================================== */

.golaksai-float-btn{position:fixed;bottom:30px;right:30px;width:65px;height:65px;border-radius:50%;background:linear-gradient(135deg,#6366f1 0%,#a855f7 50%,#ec4899 100%);border:none;color:#fff;font-size:28px;cursor:pointer;box-shadow:0 8px 32px rgba(99,102,241,0.4);z-index:9998;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);display:flex;align-items:center;justify-content:center;animation:float 3s ease-in-out infinite;}
@keyframes float{0%,100%{transform:translateY(0px);}50%{transform:translateY(-8px);}}
.golaksai-float-btn:hover{transform:scale(1.15) translateY(-3px);box-shadow:0 12px 40px rgba(99,102,241,0.6),0 0 30px rgba(168,85,247,0.4);}
.golaksai-float-btn.active{transform:scale(0.95);}
.golaksai-float-btn .golaksai-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#6366f1 0%,#a855f7 50%,#ec4899 100%);opacity:0.7;animation:pulse-wave 2.5s cubic-bezier(0.455,0.03,0.515,0.955) infinite;}
@keyframes pulse-wave{0%{transform:scale(1);opacity:0.8;}50%{transform:scale(1.5);opacity:0;}100%{transform:scale(1);opacity:0;}}
.golaksai-chat-widget{position:fixed;bottom:110px;right:30px;width:420px;height:680px;background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,0.3);box-shadow:0 20px 60px rgba(0,0,0,0.15);z-index:9999;display:flex;flex-direction:column;opacity:0;transform:translateY(30px) scale(0.85);pointer-events:none;transition:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55);overflow:hidden;}
.golaksai-chat-widget.active{opacity:1;transform:translateY(0) scale(1);pointer-events:all;}
.golaksai-chat-container{display:flex;flex-direction:column;height:100%;}
.golaksai-chat-header{background:linear-gradient(135deg,#6366f1 0%,#a855f7 50%,#ec4899 100%);color:#fff;padding:24px 22px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;}
.golaksai-chat-header::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);animation:headerShine 6s linear infinite;}
@keyframes headerShine{0%{transform:translate(-50%,-50%) rotate(0deg);}100%{transform:translate(-50%,-50%) rotate(360deg);}}
.golaksai-header-content{display:flex;align-items:center;gap:14px;position:relative;z-index:1;}
.golaksai-ai-avatar{width:50px;height:50px;background:rgba(255,255,255,0.25);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.4);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;animation:avatarFloat 3s ease-in-out infinite;box-shadow:0 4px 15px rgba(0,0,0,0.15);}
@keyframes avatarFloat{0%,100%{transform:translateY(0px) rotate(0deg);}25%{transform:translateY(-3px) rotate(-5deg);}50%{transform:translateY(-6px) rotate(0deg);}75%{transform:translateY(-3px) rotate(5deg);}}
.golaksai-ai-avatar i{animation:robotPulse 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2));}
@keyframes robotPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.1);}}
.golaksai-header-text h4{margin:0;font-size:20px;font-weight:700;font-family:"Michroma",sans-serif!important;color:#ffffff!important;text-shadow:0 2px 10px rgba(0,0,0,0.2);letter-spacing:0.5px;}
.golaksai-status{display:flex;align-items:center;gap:7px;font-size:13px;opacity:0.95;font-weight:500;}
.golaksai-status-dot{width:9px;height:9px;background:#4ade80;border-radius:50%;box-shadow:0 0 8px #4ade80,0 0 15px rgba(74,222,128,0.5);animation:statusBlink 2s infinite;}
@keyframes statusBlink{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.6;transform:scale(0.9);}}
.golaksai-close-btn{background:rgba(255,255,255,0.25);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);color:#fff;width:38px;height:38px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;z-index:1;}
.golaksai-close-btn:hover{background:rgba(255,255,255,0.35);transform:rotate(90deg) scale(1.1);box-shadow:0 4px 15px rgba(0,0,0,0.2);}
.golaksai-chat-messages{flex:1;padding:24px;overflow-y:auto;background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);display:flex;flex-direction:column;gap:18px;}
.golaksai-chat-messages::-webkit-scrollbar{width:8px;}
.golaksai-chat-messages::-webkit-scrollbar-track{background:transparent;}
.golaksai-chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border-radius:10px;border:2px solid transparent;background-clip:content-box;}
.golaksai-message{display:flex;gap:12px;animation:messageSlideIn 0.5s cubic-bezier(0.175,0.885,0.32,1.275);}
@keyframes messageSlideIn{from{opacity:0;transform:translateY(20px) scale(0.95);}to{opacity:1;transform:translateY(0) scale(1);}}
.golaksai-message-avatar{width:38px;height:38px;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0;box-shadow:0 4px 12px rgba(99,102,241,0.3);}
.golaksai-message-content{max-width:75%;}
.golaksai-ai-message .golaksai-message-content{background:#fff;padding:14px 18px;border-radius:12px 20px 20px 4px;box-shadow:0 4px 16px rgba(0,0,0,0.08);border:1px solid rgba(99,102,241,0.1);}
.golaksai-user-message{flex-direction:row-reverse;justify-content:flex-start;}
.golaksai-user-message .golaksai-message-content{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);color:#ffffff;padding:14px 18px;border-radius:20px 12px 4px 20px;box-shadow:0 4px 16px rgba(99,102,241,0.3);}
.golaksai-message-content p{margin:0;font-size:14.5px;line-height:1.6;word-wrap:break-word;}
.golaksai-message-time{font-size:11px;opacity:0.6;margin-top:6px;display:block;}
.golaksai-typing-indicator{display:flex;gap:6px;padding:0 24px 12px;}
.golaksai-typing-indicator span{width:10px;height:10px;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out;}
.golaksai-typing-indicator span:nth-child(1){animation-delay:-0.32s;}
.golaksai-typing-indicator span:nth-child(2){animation-delay:-0.16s;}
@keyframes typingBounce{0%,80%,100%{transform:scale(0.8);opacity:0.5;}40%{transform:scale(1.2);opacity:1;}}
.golaksai-chat-input-container{padding:20px;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-top:1px solid rgba(99,102,241,0.1);}
.golaksai-chat-input-form{display:flex;gap:12px;}
.golaksai-chat-input{flex:1;border:2px solid rgba(99,102,241,0.2);border-radius:16px;padding:14px 20px;font-size:14.5px;outline:none;transition:all 0.3s ease;background:rgba(255,255,255,0.9);}
.golaksai-chat-input:focus{border-color:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,0.1);background:#fff;}
.golaksai-send-btn{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:none;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 4px 16px rgba(99,102,241,0.3);}
.golaksai-send-btn:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 6px 24px rgba(99,102,241,0.5);}
@media (max-width:768px){.golaksai-chat-widget{width:calc(100% - 20px);height:calc(100vh - 20px);bottom:10px;right:10px;}}