/* Modern neutral styling for insurance redesign */
.insurance-product-redesign{border:1px solid #e6e6e6 !important;border-radius:12px !important;padding:14px 16px !important;margin:14px 0 !important;background:#fff !important}
.insurance-header{display:flex !important;align-items:center !important;justify-content:space-between !important;margin-bottom:8px !important}
.insurance-title{font-size:16px !important;line-height:1.2 !important;margin:0 !important;color:#222 !important;font-weight:600 !important}
.insurance-info-btn{border:none !important;background:transparent !important;color:#666 !important;cursor:pointer !important;padding:6px !important;border-radius:8px !important;transition:background .2s ease !important}
.insurance-info-btn:hover{background:#f2f2f2 !important}
.insurance-info-btn .info-icon{display:inline-flex !important;width:18px !important;height:18px !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;border:1px solid #bbb !important;color:#555 !important;font-style:normal !important;font-weight:600 !important;font-size:12px !important}

.insurance-tabs-container{position:relative !important;overflow:hidden !important}
.insurance-tabs{display:flex !important;gap:8px !important;flex-wrap:nowrap !important;overflow-x:auto !important;padding-bottom:4px !important;scrollbar-width:thin !important;scrollbar-color:#ddd transparent !important}
.insurance-tabs::-webkit-scrollbar{height:6px !important}
.insurance-tabs::-webkit-scrollbar-track{background:transparent !important}
.insurance-tabs::-webkit-scrollbar-thumb{background:#ddd !important;border-radius:3px !important}
.insurance-tabs::-webkit-scrollbar-thumb:hover{background:#bbb !important}
.insurance-tab{appearance:none !important;border:none !important;background:#f5f5f5 !important;color:#333 !important;padding:8px 12px !important;border-radius:10px !important;cursor:pointer !important;transition:all .2s ease !important;font-size:13px !important}
.insurance-tab:hover{background:#eee !important}
.insurance-tab.active{background:#222 !important;color:#fff !important}
.tab-indicator{position:relative !important;display:block !important;height:2px !important;background:#222 !important;margin-top:8px !important;border-radius:2px !important;transition:left .25s ease,width .25s ease !important}

.insurance-price-display{margin-top:10px !important}
#insurance-price-amount{font-weight:700 !important;color:#222 !important;font-size:15px !important}

/* Modal */
.insurance-info-modal{position:fixed !important;inset:0 !important;z-index:10000 !important;display:none}
.insurance-info-modal .modal-overlay{position:absolute !important;inset:0 !important;background:rgba(0,0,0,.45) !important;backdrop-filter:saturate(120%) blur(1px) !important}
.insurance-info-modal .modal-content{position:relative !important;background:#fff !important;border-radius:12px !important;max-width:720px !important;width:calc(100% - 32px) !important;margin:8vh auto !important;padding:16px !important;border:1px solid #e6e6e6 !important;box-shadow:0 10px 30px rgba(0,0,0,.12) !important;opacity:0 !important;transform:translateY(8px) scale(.985) !important;transition:opacity .18s ease, transform .18s ease !important}
.insurance-modal-open .insurance-info-modal .modal-content{opacity:1 !important;transform:none !important}
.insurance-info-modal .modal-header{position:sticky !important;top:0 !important;z-index:2 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;margin:-16px -16px 12px !important;padding:12px 16px !important;background:#fff !important;border-bottom:1px solid #eee !important;border-top-left-radius:12px !important;border-top-right-radius:12px !important}
.insurance-info-modal .modal-header h4{margin:0 !important;font-size:16px !important;color:#222 !important}
.insurance-info-modal .modal-close{appearance:none !important;border:1px solid #e6e6e6 !important;background:#fafafa !important;border-radius:8px !important;padding:6px 10px !important;cursor:pointer !important;color:#333 !important}
.insurance-info-modal .modal-close:hover{background:#eee !important}

.insurance-info-modal .modal-body{max-height:65vh !important;overflow:auto !important;padding-right:4px !important}

/* Details blocks */
.insurance-details-content h5{margin:10px 0 8px !important;font-size:15px !important;color:#222 !important}
.insurance-description, .coverage-details, .terms-conditions{background:#fafafa !important;border:1px solid #eee !important;border-radius:10px !important;padding:10px !important;margin:8px 0 !important}
.insurance-description h6, .coverage-details h6, .terms-conditions h6{margin:0 0 6px !important;font-size:13px !important;color:#444 !important}
.insurance-info-modal .insurance-description{color:#333333 !important}
.insurance-info-modal .insurance-description p,
.insurance-info-modal .insurance-description li{color:#333333 !important}
.insurance-option-details{padding:2px 0 10px !important;border-bottom:1px dashed #eee !important}
.insurance-option-details:last-child{border-bottom:none !important}
.periods-pricing .periods-list{list-style:none !important;margin:6px 0 0 !important;padding:0 !important}
.periods-pricing .periods-list li{padding:8px 10px !important;border:1px solid #eee !important;border-radius:8px !important;background:#fff !important;margin-bottom:8px !important;color:#333 !important}

/* Lock scroll when modal open */
body.insurance-modal-open{overflow:hidden !important}

/* Responsive */
@media (max-width:480px){
  .insurance-tabs{gap:6px !important}
  .insurance-tab{padding:7px 10px !important;font-size:12px !important}
  .insurance-info-modal .modal-content{margin:6vh 12px !important}
}