.jacbp-wrap{--jac-gold:#c8a64d;--jac-dark:#161616;--jac-cream:#faf8f3;box-sizing:border-box;max-width:1100px;margin:24px auto;padding:30px;background:#fff;border:1px solid #e9e5db;border-radius:16px;color:#202020;font-family:inherit}.jacbp-wrap *{box-sizing:border-box}.jacbp-wrap h2{font-size:clamp(24px,3vw,34px);line-height:1.25;margin:8px 0 15px}.jacbp-wrap h3{margin:20px 0 12px;font-size:20px}.jacbp-auth{max-width:520px}.jacbp-form{display:flex;flex-direction:column;gap:15px}.jacbp-form label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600}.jacbp-form input:not([type=checkbox]){min-height:46px;padding:10px 13px;border:1px solid #d5d2cc;border-radius:7px;width:100%;background:#fff;color:#111;font:inherit}.jacbp-form input:focus{outline:2px solid var(--jac-gold);outline-offset:1px}.jacbp-form button,.jacbp-btn{border:0;border-radius:7px;background:var(--jac-gold);color:#181818!important;min-height:43px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;font:600 14px/1.35 inherit;text-decoration:none!important;cursor:pointer}.jacbp-form button:hover,.jacbp-btn:hover{filter:brightness(.94)}.jacbp-form .jacbp-check{flex-direction:row;align-items:center}.jacbp-honey{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.jacbp-muted{color:#707070;font-size:14px;line-height:1.65}.jacbp-links{margin-bottom:22px}.jacbp-wrap a{color:#967629}.jacbp-alert{background:var(--jac-cream);border-left:4px solid var(--jac-gold);padding:13px 15px;margin:15px 0;border-radius:5px}.jacbp-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.jacbp-top .jacbp-form{margin:5px 0}.jacbp-top .jacbp-logout{border:1px solid #d6cfbd;background:white;color:#222}.jacbp-eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#aa872a}.jacbp-nav{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #eee6d6;margin-top:24px;padding-bottom:13px}.jacbp-nav a{padding:9px 12px;border-radius:7px;color:#333;text-decoration:none!important;font-size:14px}.jacbp-nav a.active{background:var(--jac-dark);color:white}.jacbp-content{padding-top:15px}.jacbp-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:22px}.jacbp-metrics>div{background:var(--jac-cream);padding:18px;border-radius:10px;display:flex;flex-direction:column}.jacbp-metrics b{font-size:30px;color:#1c1c1c}.jacbp-metrics span{font-size:13px;color:#6b6b6b}.jacbp-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px;}.jacbp-outline{background:#fff;border:1px solid var(--jac-gold)}.jacbp-item{background:#fff;border:1px solid #eae6dc;border-radius:10px;padding:17px;margin:12px 0}.jacbp-item strong{display:block;font-size:16px}.jacbp-item small{display:block;color:#767676;margin-top:4px}.jacbp-item p{margin:9px 0}.jacbp-linkbtn{background:none!important;color:#94732c!important;border:0!important;padding:0!important;min-height:0!important;display:inline!important;text-decoration:underline!important}.jacbp-item form{margin-top:8px}.jacbp-content>.jacbp-form{max-width:580px}@media(max-width:650px){.jacbp-wrap{padding:18px;margin:12px auto;border-radius:10px}.jacbp-top{flex-direction:column}.jacbp-metrics{grid-template-columns:1fr}.jacbp-nav a{font-size:13px}.jacbp-actions{flex-direction:column}.jacbp-actions a{width:100%}}

/* JAC Saved Vehicle Icon */

.jac-save-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.jac-save-wrap form {
    margin: 0 !important;
    padding: 0 !important;
}

.jac-save-icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #F1C74D !important;
    color: #000 !important;
    border: 1px solid #F1C74D !important;
    border-radius: 10px;
    cursor: pointer;
    padding: 0;
    transition: all 0.2s ease;
}

.jac-save-icon:hover {
    background: #c8a64d;
    color: #ffffff;
    border-color: #c8a64d;
}

.jac-save-icon.is-saved {
    color: #dc3545;
    background: #fff5f5;
    border-color: #f0cccc;
}

.jac-save-icon.is-saved:hover {
    background: #dc3545;
    color: #ffffff;
}

.jac-save-icon svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.jac-save-login-message {
    position: absolute;
    z-index: 50;
    top: calc(100% + 8px);
    right: 0;
    width: 230px;
    max-width: calc(100vw - 32px);
    padding: 12px;
    background: #111111;
    color: #ffffff;
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.5;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}

.jac-save-login-message[hidden] {
    display: none !important;
}

.jac-save-login-message a {
    color: #e2bc53;
    font-weight: 600;
    text-decoration: underline;
}


/* Saved Vehicles Responsive Grid */
.jacbp-saved-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}

/* Keep existing vehicle item styling */
.jacbp-saved-grid .jacbp-item {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

/* Tablet - 2 Columns */
@media (max-width: 1024px) {
    .jacbp-saved-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobile - 1 Column */
@media (max-width: 767px) {
    .jacbp-saved-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}


