*, *::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 { box-shadow: 0px 0px 24px 0px #1A489C42; border-radius: 42px; display: flex; align-items: center; gap: 20px; padding: 12px 24px; background: #ffffff;cursor: text; } 
.c3-search-wrap svg { flex-shrink: 0; width: 20px; height: 20px; } 
.c3-search-wrap input[type=text] , .c3-search-wrap input[type=text]:focus-visible { padding:0px !important;color:#BEBDC3 !important;outline:none !important; border: none !important; flex: 1; outline: none; font-family: "Instrument Sans", Sans-serif !important; font-size: 18px !important; line-height: 22px !important; font-weight: 400;  background: transparent;} 
.c3-search-wrap input[type=text]::placeholder { color: #999999; } 
.c3-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 0px 0px 0px; overflow: hidden; }
.c3-item { border: 1px solid #a4a4a4;  transition: background-color 0.3s ease, transform 0.3s ease; border-radius: 2px; margin: 5px; padding: 9px; background: #ffffff; font-family: "Instrument Sans", Sans-serif !important; font-size: 18px; font-weight: 400; color: #000000; line-height: 22px; min-height: 70px; display: flex; align-items: flex-start; cursor: pointer; text-align: left; } 
.c3-item:hover { background-color: #1111120a;  transform: scale(1.02);} 
.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: 20px; font-weight: 400; color: #000000; line-height: 24px;}
.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: "TT Common Regular", Sans-serif !important; font-size: 24px;  color: #000000; line-height: 28px;}
.c3-section .question-for-answer { margin: 50px 0px 20px; font-family: "TT Common Regular", Sans-serif !important; font-size: 24px;  color: #000000; line-height: 28px;}
.c3-section .ai-summary-heading { margin: 0px 0px 20px; font-family: "TT Common Bold", Sans-serif !important; font-size: 22px; font-weight: 600; color: #000000; line-height: 26px;}
.c3-section .answer-content li{margin:0px 0px 14px;}
.c3-button{padding: 0px !important;border: none;outline: none;background: none  !important;width:55px;height:58x;}
.c3-button img{width:60px;height:60px;}
.new-chat-section{width: 100%; display: flex; justify-content: flex-end;}
.c3-new-chat{display: flex; flex-direction: row; gap: 5px; padding: 6px 9px; margin: 6px 0px 0px; border: none; color: #000000; font-family: "TT Common Medium", Sans-serif !important; font-size: 18px; font-weight: 400; line-height: 22px;}
.c3-new-chat:hover{ background-color: #1111120a !important; color: #333333;}
.c3-section .chat-typing{margin:0px 0px 15px;}
.c3-section .answer-message{margin:0px 0px 0px;}
/* .c3-search-wrap:has(input[type="text"]:focus-visible),
.c3-search-wrap:has(input[type="text"]:focus) {  border: 1px solid #a4a4a4;} */
.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%); }
@keyframes sweep {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
.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}
.question-for-answer {
  position: relative !important;
  padding-right: 90px !important;
}

.vinsinfo-action-btns {
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* ← THIS WAS MISSING */
.vinsinfo-action-btns--visible {
  visibility: visible !important;
  opacity: 1 !important;
}
.vinsinfo-icon-btn{border:unset!important;padding: 0px 8px !important;}
@media screen and (min-width: 1500px) {
    .c3-section {padding: 0px 60px; }
}

@media screen and (max-width: 768px) {
    .c3-grid { grid-template-columns: repeat(2, 1fr); } 
    .c3-section{ width: 80%;}
    .c3-search-wrap input {font-size: 16px; line-height: 20px;}
    .c3-item {font-size: 16px; 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: 22px; line-height: 26px;}
    .c3-section .ai-summary-heading { font-size: 20px; line-height: 24px;}
    .c3-section .answer-content li ,.c3-section  .answer-content p , .c3-section .answer-content span , .c3-section  .answer-content p span {font-size: 18px; line-height: 22px;}
}
@media screen and (max-width: 767px) {
      .c3-button {display: flex;display: block!important;background: unset;}
}
@media screen and (max-width: 480px) {
    .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 {font-size: 16px; line-height: 20px;}
    .c3-section .question-for-answer {font-size: 20px; line-height: 24px;}
    .c3-section .ai-summary-heading { font-size: 18px; line-height: 22px;}
    .c3-section .answer-content li ,.c3-section  .answer-content p , .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-search-wrap input[type="text"]{padding: 5px !important;}
}