*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } 
.c3-container { background: #ffffff; padding: 40px 24px; } 
.c3-section { width: 100%; max-width: 1440px; margin: 0 auto; } 
.c3-search-wrap svg { flex-shrink: 0; width: 20px; height: 20px; } 
.c3-chatbox-container{display: flex;flex-direction: column;gap: 24px;}
.c3-search-wrap{width:100%;max-width:826px;height:84px;padding:16px 24px;display:flex;align-items:center;justify-content: space-between;background:#fff;border-radius:42px;box-shadow:0 8px 28px rgba(26,72,156,.15);}
.c3-search-field{display: flex;max-width: 507px;width: 100%;gap: 15px;}
.c3-search-wrap input[type="text"]{flex:1;padding: 0;margin:0;border:none !important;outline:none !important;background:transparent;font-family:"Instrument Sans",sans-serif !important;font-size:18px !important;line-height:22px !important;font-weight:400;color:#000;}
.c3-search-wrap input::placeholder{color:#B3B3B3;}
.c3-search-wrap input[type=text]::placeholder{color:#B4B4B4;font-size:18px;}
.c3-pill{border-radius:30px !important;padding:14px 28px !important;font-size:22px !important;line-height:30px !important;} 
.c3-quick-actions{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;}
.c3-pill{height:38px;padding:8px 12px !important;border:1px solid #1A489C !important;border-radius:24px !important;font-size:16px !important;line-height:22px !important;background:#fff !important;color:#1A489C !important;text-align:center !important;}
.c3-section  .answer-content ul {padding: 0px 0px 0px 45px;}
.c3-section .answer-content ul li ul li {list-style: none;}
.c3-section .answer-content li ,.c3-section  .answer-content p , .c3-section .answer-content span , .c3-section  .answer-content p span {font-family: "Instrument Sans", Sans-serif !important; font-size: 16px; font-weight: 400; color: #000000; line-height: 20px;}
.c3-section .answer-content .heading,.c3-section .answer-content h2, .c3-section .answer-content h4, .c3-section .answer-content h5, .c3-section .answer-content h3, .c3-section .answer-content .heading span {font-family: "Instrument Sans", Sans-serif !important; font-size: 24px;  color: #000000; line-height: 28px;}
.c3-section .question-for-answer { margin:20px 0px; font-family: "Instrument Sans" , Sans-serif !important; font-size: 20px !important;  color: #000000 !important; line-height: 24px !important;font-weight:700 !important;}
.c3-section .ai-summary-heading { margin: 0px 0px 20px; font-family: "Instrument Sans", Sans-serif !important; font-size: 22px; font-weight: 600; color: #000000; line-height: 26px;}
.c3-section .answer-content li{margin:0px 0px 14px;}
.skeleton-bar { height: 20px; background: #e8e8e8; overflow: hidden; position: relative; margin: 0px 0px 10px;}
.skeleton-bar::after { content: ""; position: absolute; inset: 0; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.6) 50%, transparent 100% ); animation: sweep 1.5s ease-in-out infinite; transform: translateX(-100%); }
.chatbot-icon{width:58px !important;height:58px !important;display:block;object-fit:contain;flex-shrink:0;}
.skeleton-bar.full   { width: 100%; }
.skeleton-bar.medium { width: 70%; }
.skeleton-bar.small  { width: 42%; }
.c3-search-wrap input:disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none;}
.c3-button:disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none;}
.c3-search-wrap:has(input:disabled) { opacity: 0.6; cursor: not-allowed;}
.c3-section .message-container{transition: height 0.5s ease}
/* Chatbot response action buttons */
.vinsinfo-action-btns {position: static !important;display: flex !important;align-items: center !important;justify-content: flex-start !important;gap: 6px;width: 100%;margin-top: 10px;padding: 0 !important;visibility: hidden;opacity: 0;transition: opacity 0.3s ease;}
.vinsinfo-icon-btn {border: none !important;padding: 4px 6px !important;margin: 0 !important;background: none !important;display: flex !important;align-items: center;justify-content: center;cursor: pointer;}
.vinsinfo-icon-btn:hover {background: none !important;}
.vinsinfo-icon-img {width: 18px;height: 18px;display: block;object-fit: contain;}
.vinsinfo-copied-badge {font-family: "Instrument Sans", sans-serif !important;font-size: 13px !important;line-height: 18px !important;font-weight: 500 !important;margin-left: 4px;}
/* ← THIS WAS MISSING */
.vinsinfo-action-btns--visible {visibility: visible !important;opacity: 1 !important;}
/* Home Page AI suggestion alignment */
.home-page-container .c3-quick-actions {justify-content: center !important;align-items: center !important;}
.home-page-container .c3-quick-actions .c3-pill {text-align: center !important;}
.vinsinfo-icon-btn.feedback-active {background: #EAF1FF !important;border: 1px solid #2664FF !important;border-radius: 6px !important;opacity: 1 !important;transform: scale(1.05);}
.vinsinfo-icon-btn.feedback-active img {opacity: 1 !important;}
/* bg-gradient code */
.c3-section{padding: 42px 30px;position: relative;}
.elementor-element-efac5d1 {position: relative;z-index: 0;}
.elementor-element-efac5d1 .elementor-shortcode .c3-section::before {content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(90deg,rgba(88, 116, 255, 1) 0%,rgba(255, 85, 234, 1) 20%,rgba(75, 222, 198, 1) 40%,rgba(134, 231, 159, 1) 60%,rgba(184, 239, 126, 1) 80%,rgba(255, 161, 103, 1) 100%);filter: blur(204px);opacity: 0.50;pointer-events: none;}
@keyframes sweep {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
@media(max-width:991px){
    .c3-quick-actions{flex-wrap:wrap;}
}
@media screen and (max-width: 768px) {
    .c3-grid { grid-template-columns: repeat(2, 1fr); } 
    .home-page-container .home-banner-section .chatbox-section{max-width:100% !important;}
    .c3-section{ width: 100%;}
    .c3-search-wrap input {font-size: 14px; line-height: 18px;}
    .c3-item {font-size: 14px; line-height: 18px;}
    .c3-container{padding: 30px 14px;}
    .c3-section .answer-content .heading , .c3-section .answer-content .heading span {font-size: 22px; line-height: 26px;}
    .c3-section .question-for-answer {font-size: 18px; line-height: 22px;}
    .c3-section .ai-summary-heading { font-size: 16px; line-height: 20px;}
}
@media screen and (max-width: 767px) {
    #vinsinfo-chatbot-panel {width: calc(100% - 20px) !important;max-width: 400px !important;left: 50% !important;right: auto !important;transform: translateX(-50%) !important;box-sizing: border-box !important;}
    #vinsinfo-chatbot-panel .c3-section {width: 100% !important;max-width: 100% !important;margin: 0 auto !important;box-sizing: border-box !important;}
    #vinsinfo-chatbot-panel .c3-search-wrap {width: 100% !important;max-width: 100% !important;gap: 10px !important;box-sizing: border-box !important;}
    #vinsinfo-chatbot-panel .c3-search-wrap input[type="text"] {flex: 1 1 auto !important;width: auto !important;min-width: 0 !important;max-width: none !important;box-sizing: border-box !important;}
    #vinsinfo-chatbot-panel .c3-search-wrap .chatbot-icon {flex: 0 0 auto !important;}
    #vinsinfo-chatbot-panel .c3-search-wrap .c3-button {flex: 0 0 auto !important;}
    #vinsinfo-chatbot-panel .c3-quick-actions {width: 100% !important;max-width: 100% !important;display: flex !important;flex-direction: column !important;flex-wrap: nowrap !important;align-items: stretch !important;gap: 8px !important;box-sizing: border-box !important;}
    #vinsinfo-chatbot-panel .c3-quick-actions .c3-pill {width: 100% !important;max-width: 100% !important;min-width: 0 !important;box-sizing: border-box !important;display: flex !important;align-items: center !important;justify-content: center !important;text-align: center !important;background-color: #0645AD !important;color: #fff !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;}
    .c3-quick-actions {width: 100% !important;display: flex !important;flex-direction: column !important;align-items: center !important;justify-content: center !important;gap: 8px !important;}
    .c3-quick-actions .c3-pill {width: auto !important;max-width: calc(100% - 20px) !important;min-width: 0 !important;display: flex !important;align-items: center !important;justify-content: center !important;text-align: center !important;white-space: normal !important;line-height: 20px !important;box-sizing: border-box !important;}
    .c3-quick-actions .c3-pill:nth-child(2) {width: calc(100vw - 40px) !important;max-width: calc(100vw - 40px) !important;height: auto !important;min-height: 38px !important;display: flex !important;align-items: center !important;justify-content: center !important;white-space: normal !important;overflow-wrap: break-word !important;text-align: center !important;line-height: 20px !important;padding: 8px 12px !important; }
    .c3-button {display: flex;display: block!important;background: unset;}
}
@media screen and (max-width:576px){
    .c3-search-wrap .chatbot-icon{width:38px !important;height:38px !important;}
}
@media screen and (max-width: 480px) {
    .c3-search-field{gap: 5px;}
    #vinsinfo-chatbot-panel {width: calc(100% - 16px) !important;max-width: 100% !important;}
    #vinsinfo-chatbot-panel .c3-search-wrap {gap: 8px !important;}
    #vinsinfo-chatbot-panel .c3-quick-actions .c3-pill {width: 100% !important;max-width: 100% !important;min-width: 0 !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;}
    .c3-section{ width: 100%;}
    .c3-grid { grid-template-columns: 1fr; } 
    .c3-search-wrap input {font-size: 15px; line-height: 18px;}
    .c3-section .answer-content .heading , .c3-section .answer-content .heading span, .c3-section .question-for-answer, .c3-section .ai-summary-heading, .c3-section .answer-content li , .c3-section .answer-content span , .c3-section  .answer-content p span   {font-size: 16px; line-height: 20px;}
    .elementor-shortcode .c3-section { padding: 0 !important; } 
    .c3-section  .answer-content p{font-size:14px;line-height:18px !important;}
}
@media screen and (max-width:380px){
    .chatbot-icon{width:52px !important;height:52px !important;min-width:52px;min-height:52px;object-fit:contain;}
}