/* ========================== New Offers Screen styles 12-08-2026 =================================*/
:root{
    --text-dark:#322B54;
    --text-muted:rgba(62,54,100,0.7);
    --text-muted-2:rgba(62,54,100,0.5);
    --line:rgba(62,54,100,0.1);
    --grad:linear-gradient(180deg,#95E9F1 0%,#47BCC8 100%);
  }

  *{box-sizing:border-box;}

  .offer-screen{
    width:100%;
    min-height:100vh;
    position:relative;
    overflow:hidden;
    background: url(../images/bg_gradient_v1.svg) no-repeat top center #E0F4FB;
  }
  

  /* Blurred background blobs */
  .bg{
    width:100%;
    height:100%;
    position:absolute;
    inset:0;
    overflow:hidden;
    z-index:0;
    pointer-events:none;
  }
  .ellipse-92{
    width:2205px;height:1180px;
    background:rgba(149,233,241,1);
    filter:blur(783px);
    position:absolute;left:-408px;top:750px;
    border-radius:50%;
  }
  .ellipse-93{
    width:2001px;height:1049px;
    background:rgba(226,220,255,1);
    filter:blur(783px);
    position:absolute;left:760px;top:705px;
    border-radius:50%;
  }
  .ellipse-94{
    width:1493px;height:779px;
    background:rgba(226,220,255,1);
    filter:blur(570px);
    position:absolute;left:-561px;top:1219px;
    border-radius:50%;
  }

  /* Header */
  .site-header{
    width:100%;
    display:flex;
    align-items:center;
    padding:32px 48px;
    position:relative;
    z-index:10;
  }
  .icon-button{
    width:44px;height:44px;
    display:flex;align-items:center;justify-content:center;
    background:#fff;
    border:none;
    border-radius:100px;
    cursor:pointer;
    box-shadow:0px 2px 8px rgba(0,0,0,0.05);
    transition:transform .2s;
  }
  .icon-button:hover{transform:scale(1.1);}
  .icon-button img{width:21.6px;height:21.6px;}

  /* Main layout */
  main.content{
    display:flex;
    flex-direction:row;
    justify-content:center;
    padding:16px 24px 32px;
    gap:48px;
    position:relative;
    z-index:1;
    flex-wrap:wrap;
    margin-top: 20px;
  }

  /* Listing card */
  .listing-card{
    width:378px;
    max-width:100%;
    display:flex;
    flex-direction:column;
    padding:24px 32px 32px;
    gap:5px;
    background:rgba(255,255,255,0.4);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border-radius:24px;
    border:1px solid rgba(255,255,255,0.5);
  }

  .vehicle-preview{
    position:relative;
    width:330px;
    max-width:100%;
    height:auto;
    align-self:center;
  }
  .vehicle-preview .union-img{
    position:absolute;
    left:0px;
    right:0px;
    text-align: center;
    top:30px;
    z-index:1;
  }
  .vehicle-preview .union-img img{width:264px;max-width:100%;}
  .vehicle-preview .vehicle-img{
    width:100%; height:100%;
    object-fit:contain;
    position:relative;
    z-index:2;
  }

  .section-icon{
    width:48px;height:48px;
    background:rgba(102,90,158,0.1);
    border-radius:12px;
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;
  }
  .section-icon img{width:32px;}

  .section-title{
    font-size:16px;
    font-weight:600;
  }

  .model-dropdown{
    width:100%;
    height:48px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 24px;
    background:#FFFFFF;
    border:none;
    border-radius:32px;
    cursor:pointer;
    box-shadow:0px 2px 4px rgba(0,0,0,0.04);
  }
  .model-dropdown:focus{
    outline:none;
    box-shadow:0px 0px 0px 3px rgba(71,188,200,0.2);
  }
  .model-dropdown .model-label{
    font-size:16px;font-weight:600;color:var(--text-dark); display: flex; align-items: center;
  }
  .model-dropdown .model-label img{
    height:auto;
    max-width:35%;
    object-fit:contain;
    display:block;
  }
  .model-dropdown .arrow{
    transition:transform .3s;
    flex-shrink:0;
  }
  .dropdown.show .model-dropdown .arrow{
    transform:rotate(180deg);
  }
  .model-dropdown-menu{
    width:100%;
    margin-top:8px !important;
    padding:8px;
    border:none;
    border-radius:16px;
    box-shadow:0px 8px 24px rgba(0,0,0,0.08);
  }
  .model-dropdown-menu .dropdown-item{
    padding:10px 16px;
    border-radius:10px;
    font-size:15px;
    font-weight:500;
    color:var(--text-dark);
  }
  .model-dropdown-menu .dropdown-item img{
    height:32px;
    width:auto;
    max-width:35%;
    object-fit:contain;
    display:block;
  }
  .model-dropdown-menu .dropdown-item:hover,
  .model-dropdown-menu .dropdown-item:focus{
    background:rgba(71,188,200,0.12);
    color:var(--text-dark);
  }
  .model-dropdown-menu .dropdown-item.active{
    background:#f4f4f4;
    color:#333;
  }
  .model-dropdown span.model-label::before{
    content: 'Model';
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
  }
  .dropdown.model-dropdown-wrapper ul.model_dropdown_menu.show{
    left: 0 !important;
    top: 44px !important;
  }

  .price-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:16px;
    margin-bottom: 16px;;
  }
  .price-row .label{
    color:var(--text-muted);
    font-size:16px;
  }

  .price-display{
    color:var(--text-dark);
    font-size:20px;
    font-weight:600;
    line-height:24.4px;
    font-family:"Montserrat",sans-serif;
  }

  .divider{
    height:1px;
    background:rgba(0,0,0,0.1);
    width:100%;
  }

  .dealer-name{
    font-size:24px;
    font-weight:500;
    color:var(--text-dark);
  }
  .dealer-meta{
    font-size:14px;
    font-weight:600;
    color:var(--text-muted-2);
    text-transform:uppercase;
  }

  /* Right content */
  .right-content{
    flex:1;
    min-width:300px;
    max-width:1246px;
    display:flex;
    flex-direction:column;
    gap:32px;
  }

  h1.offer-title{
    font-size:32px;
    font-weight:600;
    color:var(--text-dark);
    margin-bottom:16px;
    line-height:1.2;
  }
  p.offer-subtitle{
    font-size:18px;
    font-weight:600;
    color:var(--text-muted-2);
    margin-bottom: 0px;
  }

  .summary-card{
    background:rgba(255,255,255,0.6);
    padding:32px;
    display:flex;
    flex-direction:column;
    gap:24px;
    border:1px solid rgba(255,255,255,0.8);
  }

  .summary-top{
    display:flex;
    align-items:center;
    gap:40px;
    flex-wrap:wrap;
  }

  .emi-block{
    width:427px;
    max-width:100%;
  }
  .emi-eyebrow{
    font-size:14px;
    font-weight:600;
    color:var(--text-dark);
    text-transform:uppercase;
  }
  .emi-value-row{
    display:flex;
    align-items:baseline;
    gap:8px;
    margin-top:12px;
    white-space: nowrap;
  }
  .emi-value{
    font-size:42px;
    font-weight:600;
    color:var(--text-dark);
  }
  .emi-permonth{
    font-size:16px;
    color:var(--text-muted);
  }

  .vertical-divider{
    width:1px;
    height:101px;
    background:rgba(62,54,100,0.1);
  }

  .summary-stats{
    display:flex;
    flex:1;
    justify-content:space-between;
    gap:24px;
    padding-right:24px;
    flex-wrap:wrap;
  }
  .stat-item{
    display:flex;
    flex-direction:column;
    gap:12px;
  }
  .stat-item img.stat-icon{width:32px;}
  .stat-label{
    color:var(--text-muted);
    font-size:16px;
    display:flex;
    align-items:center;
    gap:4px;
  }

  /* Sliders */
  .sliders-row{
    display:flex;
    gap:48px;
    align-items:center;
    flex-wrap:wrap;
  }
  .slider-col{
    flex:1;
    min-width:260px;
    display:flex;
    flex-direction:column;
    gap:40px;
  }
  .slider-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
  }
  .slider-eyebrow{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:14px;
    font-weight:600;
    color:var(--text-dark);
    text-transform:uppercase;
  }
  .slider-value-badge{
    background:#fff;
    padding:12px 24px;
    border-radius:30px;
    min-width:115px;
    text-align:left;
    font-weight:600;
    border:1px solid #EEE;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
  }

  .tenure-select{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    font-family:"Montserrat",sans-serif;
    color:var(--text-dark);
    cursor:pointer;
    background-image:url("../images/down_arrow.svg");
    background-repeat:no-repeat;
    background-position:right 16px center;
    background-size:22px;
    padding-right:36px;
  }
  .tenure-select:focus{
    outline:2px solid rgba(71,188,200,0.5);
    outline-offset:2px;
  }

  .slider-wrap{
    position:relative;
    height:36px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .slider-track{
    height:8px;
    width:100%;
    background:rgba(62,54,100,0.1);
    border-radius:16px;
    position:relative;
  }
  .slider-fill{
    height:8px;
    background:var(--grad);
    border-radius:24px;
    position:absolute;
    left:0;top:0;
  }
  .slider-input{
    position:absolute;
    top:-16px;
    left:-16px;
    width:calc(100% + 32px);
    height:40px;
    opacity:0;
    cursor:pointer;
    z-index:10;
    margin:0;
  }
  .slider-thumb{
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    width:40px;height:40px;
    background:#fff;
    border-radius:50%;
    box-shadow:0px 4px 12px rgba(0,0,0,0.12);
    display:flex;
    align-items:center;
    justify-content:center;
    pointer-events:none;
  }
  .slider-dots{
    display:flex;
    justify-content:space-between;
    margin-top:12px;
    padding:0 4px;
  }
  .slider-dots span{
    width:4px;height:4px;
    border-radius:50%;
    background:rgba(62,54,100,0.5);
    display:inline-block;
  }

  /* Info banner */
  .info-banner{
    padding:24px 32px;
    display:flex;
    align-items:center;
    gap:16px;
    background:rgba(255,255,255,0.6);
    border:1px solid rgba(255,255,255,0.8);
    flex-wrap:wrap;
  }
  .info-banner img{width:48px;}
  .info-banner span{
    font-size:14px;
    color:var(--text-dark);
    line-height:1.4;
  }

  /* Action buttons */
  .action-buttons{
    display:flex;
    gap:22px;
    flex-wrap:wrap;
  }
  .btn-primary-offer{
    flex:2;
    min-width:260px;
    height:56px;
    border-radius:48px;
    border:none;
    background:var(--grad);
    color:var(--text-dark);
    font-weight:600;
    font-size:16px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    transition:opacity .2s;
  }
  .action-buttons .btn-primary-offer::after{
    content: '';
    background: url(../images/download-icon.svg) no-repeat;
    width: 20px;
    height: 20px;
    background-size: 20px;
    display: inline-block;
  }
  .btn-primary-offer:hover{opacity:.9;}
  .btn-secondary-offer{
    flex:1;
    min-width:220px;
    height:56px;
    border-radius:32px;
    background:transparent;
    border:1px solid #3E3664;
    color:var(--text-dark);
    font-weight:600;
    font-size:16px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    transition:background .2s;
  }
  .btn-secondary-offer:hover{background:rgba(62,54,100,0.05);}

  /* Footer */
  .footer-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:auto;
    padding-bottom:20px;
    gap:16px;
    flex-wrap:wrap;
  }
  .footer-disclaimer{
    max-width:781px;
    font-size:12px;
    color:var(--text-muted-2);
    font-weight:500;
    line-height:1.4;
  }
  .powered-by{
    display:flex;
    align-items:center;
    gap:16px;
  }
  .powered-by span{
    font-size:14px;
    color:var(--text-dark);
  }
  .powered-by img{height:26px;}

  .offerscreen_popups .modal-content{
    background: #EFF5F7;
    border-radius: 24px 24px 0 0;
  }
  body.modal-open .footer_product {
    pointer-events: none;
    z-index: 0 !important;
  }
  .offscreen_popups {
    z-index: 1065 !important;
  }
  .offscreen_popups .btn-primary-offer {
    position: relative;
    z-index: 2;
    pointer-events: auto;
  }
  .offer-screen input.slider-value-badge{
    width:150px !important;
    max-width:150px !important;
    min-width:115px;
    flex:0 0 150px !important;
    box-sizing:border-box;
    text-align:center;
    font:inherit;
    font-weight:600;
    color:inherit;
    outline:none;
  }
  .offer-screen .downpay-input-wrap{
    width:150px !important;
    max-width:150px !important;
    min-width:115px;
    flex:0 0 150px !important;
    gap:4px;
  }
  .offer-screen .downpay-input-wrap input{
    width:100%;
    min-width:0;
    border:0;
    background:transparent;
    outline:none;
    text-align:left;
    font:inherit;
    font-weight:600;
    padding:0;
    box-shadow:none;
  }
  .downpay-error{
    color:#e53935;
    font-size:12px;
    font-weight:600;
    margin-top:6px;
    line-height:1.4;
  }
  .offer-screen .downpay-input-wrap{
    width:150px !important;
    max-width:150px !important;
    min-width:115px;
    flex:0 0 150px !important;
    gap:4px;
  }
  .offer-screen .downpay-input-wrap input{
    width:100%;
    min-width:0;
    border:0;
    background:transparent;
    outline:none;
    text-align:left;
    font:inherit;
    font-weight:600;
    padding:0;
    box-shadow:none;
  }
  .downpay-error{
    color:#e53935;
    font-size:12px;
    font-weight:600;
    margin-top:6px;
    line-height:1.4;
  }
  .otp-btn-spinner{
    display:inline-block;
    width:16px;
    height:16px;
    margin-right:8px;
    border:2px solid #fff;
    border-top-color:transparent;
    border-radius:50%;
    vertical-align:middle;
    animation:otp-spin 0.7s linear infinite;
  }
  @keyframes otp-spin{
    to{ transform:rotate(360deg); }
  }
  .otp-btn-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    border: 2px solid rgba(50, 43, 84, 0.25);
    border-top-color: #322B54;
    border-radius: 50%;
    vertical-align: middle;
    animation: otp-spin 0.7s linear infinite;
  }
  @keyframes otp-spin {
    to { transform: rotate(360deg); }
  }
  /* Do not let the page loader sit on top of the OTP sheet (especially mobile). */
  .offer-screen:has(#verify_modile.show) .vl-overlay {
    display: none !important;
    pointer-events: none !important;
  }
  #verify_modile.otp-model.show {
    z-index: 20001 !important;
  }
  .offerscreen_popups .modal-content .listing-card{border: none; background: none; gap: 12px; border-radius: 0px;}
  .offerscreen_popups.modal{overflow-y: hidden;}
  .offerscreen_popups .modal-body{padding: 0;}
  .offerscreen_popups .modal-header{border-bottom: none;}
  .offerscreen_popups.modal.fade .modal-dialog{transform: translate(0, 50px); overflow: hidden; padding: 0;}
  .offerscreen_popups.modal.show .modal-dialog{transform: none;}
  .offerscreen_popups .modal-dialog-centered{min-height: calc(100%); align-items: end;}
  .offerscreen_popups .modal-backdrop.show{opacity: 0.3;}
  .offerscreen_popups .modal-body .btn-primary-offer{font-size: 14px; padding: 12px;}
  .offerscreen_popups .modal-body .summary-card{border: none; background: none;}
  .summary-top ul{margin: 0; padding: 0; width: 100%;}
  .summary-top ul li{list-style: none; display: flex; justify-content: space-between; border-top: 1px solid #D9E8EC; align-items: center; padding: 12px 0;}
  .summary-top ul li span{font-size: 12px; text-transform: uppercase;}
  .summary-top ul li h4{font-weight: 600; font-size: 20px; color: #322B54; margin: 0;}
  .summary-top ul li h5{font-weight: 500; font-size: 18px; color: #322B54; margin: 0;}
  .offerscreen_popups .modal-body .slider-col{gap: 20px;}
  .offerscreen_popups .modal-body .slider-eyebrow{font-size: 12px;}
  .d-view{display: block;}
  .emi_details{display: none;}
  .footer_product{display: none;}

  /* ===================== Info-icon tooltips ===================== */
  .info-icon-wrap{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:0;
  }
  .info-icon-wrap img{
    cursor:pointer;
  }
  .info-tooltip{
    --tt-shift:0px;
    position:absolute;
    bottom:calc(100% + 10px);
    left:50%;
    margin-left:0;
    transform:translateX(-50%) translateY(4px);
    width:max-content;
    max-width:min(220px, calc(100vw - 32px));
    background:var(--text-dark);
    color:#fff;
    font-family:"Montserrat",sans-serif;
    font-size:12px;
    font-weight:500;
    line-height:1.4;
    text-transform:none;
    padding:8px 12px;
    border-radius:10px;
    box-shadow:0px 8px 20px rgba(50,43,84,0.25);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .18s ease, transform .18s ease;
    z-index:20;
  }
  .info-tooltip::after{
    content:"";
    position:absolute;
    top:100%;
    left:calc(50% - var(--tt-shift));
    transform:translateX(-50%);
    border:6px solid transparent;
    border-top-color:var(--text-dark);
  }
  .info-icon-wrap:hover .info-tooltip,
  .info-icon-wrap:focus-within .info-tooltip,
  .info-icon-wrap.tooltip-active .info-tooltip{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);
  }
  /* Flip below the icon when there isn't room above (e.g. icon near top of a scrolled viewport) */
  .info-tooltip.tooltip-flip-bottom{
    bottom:auto;
    top:calc(100% + 10px);
  }
  .info-tooltip.tooltip-flip-bottom::after{
    top:auto;
    bottom:100%;
    border-top-color:transparent;
    border-bottom-color:var(--text-dark);
  }

  button.model-dropdown{
    cursor: default !important;
  }
  button.model-dropdown a{
    padding: 4px;
    text-decoration: none;
  }
  button.model-dropdown a img{
    width: 20px;
    height: 20px;
  }
  .modal-footer{
    gap: 10px;
  }

/* Responsive adjustments */
  @media (max-width: 1740px){
    h1.offer-title{font-size: 28px; margin-bottom: 10px;}
    .emi-value{font-size: 40px;}
    .dealer-name{font-size: 22px;}
  }

  @media (max-width: 1600px){
    .emi-block{width: 40%;}
    .emi-value{font-size: 38px;}
    h1.offer-title{font-size: 26px;}
    p.offer-subtitle{font-size: 16px;}
  }

  @media (max-width: 1460px){
    .emi-block{width: 30%;}
    .emi-value{font-size: 36px;}
    .dealer-name{font-size: 20px;}
    /* .btn-primary-offer, .btn-secondary-offer{max-width: 50%;} */
  }
  @media (max-width: 1366px){
    h1.offer-title{font-size: 22px; margin-bottom: 15px;}
    p.offer-subtitle{font-size: 16px; }
    .emi-value{font-size: 28px;}
    .stat-label{font-size: 14px;}
    .price-display{font-size: 16px;}
    .dealer-name{font-size: 18px;}
    .emi-eyebrow{font-size: 13px;}
    .slider-eyebrow{font-size: 13px;}
    .tenure-select{font-size: 14px;}
    .offer-screen .downpay-input-wrap{font-size: 14px;}
  }
  @media (max-width: 1300px){
    h1.offer-title{font-size: 22px; margin-bottom: 10px;}
    p.offer-subtitle{font-size: 15px; margin-bottom: 0;}
    .emi-value{font-size: 26px;}
    .summary-top{display: flex; align-items: self-start; gap: 26px;}
    /* .summary-top .vertical-divider{display: none;} */
    .summary-stats{padding-right: 0;}
    .info-banner{flex-wrap: nowrap;}
    /* .btn-primary-offer, .btn-secondary-offer{max-width: 50%;} */
    .footer-row{justify-content: center;}
    .header .login-blk{font-size: 14px;}
    
  }

   @media (max-width: 1230px){
    .summary-top{gap: 15px;}
    .emi-value{font-size: 26px;}
  }

  @media (max-width: 1180px){
    .emi-block{width: auto;}
    .summary-top{gap: 20px; display: block;}
    h1.offer-title{font-size: 20px;}
    p.offer-subtitle{font-size: 14px;}
    .summary-top .vertical-divider{display: none;}
    .emi-value{font-size: 24px;}
    .price-display{font-size: 17px;}
    .btn-primary-offer, .btn-secondary-offer{font-size: 12px;}
    .stat-label{font-size: 13px;}
    .stat-item{gap: 10px;}
    .summary-stats{gap: 10px; padding-top: 20px; margin-top: 10px; border-top: 1px solid rgba(0,0,0,0.1)}
    .dealer-name{font-size: 18px;}

  }


  @media (max-width: 991px){
    main.content{
      padding:16px;
      gap:24px;
      display: block;
    }
    .listing-card{
      width:100%;
      max-width:420px;
      margin:0 auto;
    }
    .right-content{
      max-width:100%;
      margin-top: 30px;
    }
    h1.offer-title, p.offer-subtitle{
      text-align: center;
    }

    .summary-stats{
      padding-right:0;
    }
  }

  @media(max-width: 768px){
    .d_view{display: none;}
    .info-banner{
      display: flex;
      padding: 12px;
      flex-wrap: nowrap;
      border-radius: 16px 16px 0px 16px;
      gap: 10px;
    }
    .info-banner span{
      font-size: 12px;
    }
    .btn-primary-offer, .btn-secondary-offer{
      font-size: 12px;
      height: 48px;
      max-width: 100%;
    }
    .btn-primary-offer::after{
      width: 16px;
      height: 16px;
      background-size: 16px;
    }
    .footer-disclaimer{
      text-align: center;
      color: #9193B0;
    }
    .dealer-name{
      font-size: 18px;
    }
    .dealer-meta{
      font-size: 12px;
    }
    .section-title{
      font-size: 13px;
    }
    .price-display{
      font-size: 18px;
    }
    .price-row .label{
      font-size: 12px;
      text-transform: uppercase;
    }
    .model-dropdown-menu .dropdown-item img{max-width: 35%;}
    .right-content{margin-bottom: 120px; margin-top: 0;}
    .emi_details{text-align: center; display: block;}
    .emi_details h2 {font-size: 28px; font-weight: bold; color: #322B54;}
    .emi_details h2 small {font-weight: normal; font-size: 14px;}
    .emi_details h2 span{font-size: 24px;}
    .emi_details a{font-size: 14px; font-weight: 600; color: #0E6068; text-decoration: underline; display: flex; align-content: center; justify-content: center;}
    .emi_details a::after{content: ''; background: url(../images/pencil.svg) no-repeat; width: 20px; height: 20px; background-size: 20px; display: inline-block; margin-left: 5px;}
    p.offer-subtitle{margin-bottom: 0;}
    .icon-button{width: 28px; height: 28px;}
    .icon-button img{width: 18px; height: 18px;}
    .footer_product{border-radius: 24px 24px 0 0; box-shadow: 0px 0px 3px 0.5px #cacaca; background: #ffffff; padding: 16px; display: flex; align-items: center; justify-content: space-between;
     position: fixed; bottom: 0; left: 0; width: 100%;}
    .footer_product article {display: flex; align-items: center;}
    .footer_product article img{width: 30%;}
    .v-details h4{font-size: 20px; font-weight: 600; color: #322B54; margin: 0;}
    .v-price{font-size: 18px; font-weight: 600; color: #322B54; line-height: 20px;}
    .v-price span{font-size: 14px; color: #787393; font-weight: normal;}
    .footer_product a{color: #0E6068; font-weight: 600; text-decoration: underline; font-size: 14px; white-space: nowrap;}
    .offer-screen .downpay-input-wrap{width: 140px !important; max-width: 130px !important;}
    .slider-value-badge{padding:12px 18px; min-width: 150px;}
    .slider-eyebrow.tenure{padding: 0;}
    .tenure .info-tooltip{margin-left: 60px;}
    .tenure .info-tooltip::after{left: 23%;}
    .modal-body .slider-col{min-width: 100%;}
    .modal-body .sliders-row{flex-direction: column;}

  }
  @media(max-width: 660px){
    .sliders-row{gap: 20px; display: inline-block;}
  }

  @media (max-width: 576px){
    .site-header{padding:20px 16px 0 16px;}
    h1.offer-title{font-size:20px; text-align:center;}
    p.offer-subtitle{font-size:12px; text-align: center; line-height: 1.4; text-transform: uppercase; }
    .emi-value{font-size:36px;}
    .summary-card{padding:20px;}
    .listing-card{padding:20px;}
    .vertical-divider{display:none;}
    .action-buttons{flex-direction:column;}
    .btn-primary-offer, .btn-secondary-offer{flex:none;width:100%;}
    .footer-row{flex-direction:column; align-items:center;}
    .info-tooltip{
      font-size:11px;
      padding:7px 10px;
    }
    .offer-screen{min-height: 80vh;}
  }
  @media (hover:none) and (pointer:coarse){
    /* Touch devices: rely on tap-to-toggle rather than hover */
    .info-icon-wrap img{ padding:4px; margin:-4px; }
  }