/* Akrapovic: restrained highlights over the existing anthracite theme. */
#akrapovic-finder.afs {
    border: 1px solid #666a72;
    background: #24272c;
    box-shadow: 0 22px 48px #00000038, 0 4px 12px #00000024,
        inset 0 1px 0 #ffffff24;
}
#akrapovic-finder .afs-hero {
    background: radial-gradient(ellipse at 12% 0%, #68707955 0%, transparent 56%),
        radial-gradient(ellipse at 85% 90%, #e2192b12 0%, transparent 55%),
        linear-gradient(135deg, #363b42 0%, #272b31 46%, #181b20 100%);
}
#akrapovic-finder .afs-hero:has(.afs-bg) { background: transparent; }
#akrapovic-finder .afs-bg { opacity: .58; }
#akrapovic-finder .afs-copy h2 {
    color: #fff;
    text-shadow: 0 3px 16px #00000055;
    letter-spacing: -.025em;
}
#akrapovic-finder .afs-copy > p:last-child { color: #e0e3e7; }
#akrapovic-finder .afs-eyebrow { color: #ff5662; }
#akrapovic-finder .afs-panel {
    background: linear-gradient(145deg, #3b4048 0%, #2c3037 43%, #22252b 100%);
    border-left: 1px solid #ffffff16;
    box-shadow: inset 0 1px 0 #ffffff18;
}
#akrapovic-finder .afs-types button {
    border: 1px solid #747a85;
    background: linear-gradient(180deg, #505761 0%, #363c45 49%, #2c3139 51%, #30363f 100%);
    box-shadow: inset 0 1px 0 #ffffff38, 0 4px 9px #00000028;
    color: #fff;
    transition: border-color .18s ease, box-shadow .18s ease;
}
#akrapovic-finder .afs-types button[aria-pressed=true],
#akrapovic-finder button[type=submit]:not(:disabled) {
    background: linear-gradient(180deg, #f34854 0%, #e32435 47%, #c70d20 49%, #ad0718 100%);
    border: 1px solid #ff6771;
    box-shadow: inset 0 1px 0 #ffffff40, 0 5px 12px #00000035;
    color: #fff;
    text-shadow: 0 1px 2px #00000030;
}
#akrapovic-finder button[type=submit]:disabled {
    background: linear-gradient(#71424a, #54333a);
    color: #eee4e6;
    box-shadow: inset 0 1px 0 #ffffff12;
}
#akrapovic-finder select {
    background: linear-gradient(180deg, #20252c, #2a3038);
    border: 1px solid #646c77;
    color: #fff;
    box-shadow: inset 0 2px 5px #00000030, 0 1px 0 #ffffff12;
}
#akrapovic-finder select option { background: #252a31; color: #fff; }
#akrapovic-finder select:disabled { color: #bbc1c9; }
#akrapovic-finder .afs-status, #akrapovic-finder .afs-reset { color: #dce0e5; }

/* Highlights retain the shop's existing button colors and dimensions. */
#main-wrapper .btn-primary:not(.dropdown-toggle):not(:disabled):not(.disabled),
#main-wrapper .btn-danger:not(.dropdown-toggle):not(:disabled):not(.disabled),
#footer .btn-primary:not(:disabled):not(.disabled) {
    background-image: linear-gradient(180deg, #ffffff29 0%, #ffffff08 46%,
        #0000000d 49%, #00000021 100%) !important;
    box-shadow: inset 0 1px 0 #ffffff30, 0 4px 9px #00000025;
    text-shadow: 0 1px 2px #00000025;
}
.productbox {
    border-radius: 14px;
    border: 1px solid #60656b;
    background-image: linear-gradient(145deg, #ffffff0c 0%, transparent 50%, #00000012 100%);
    box-shadow: inset 0 1px 0 #ffffff1c, 0 7px 18px #00000024;
    transition: border-color .18s ease, box-shadow .18s ease;
}
.productbox .productbox-images {
    border-radius: 9px;
    box-shadow: 0 3px 10px #00000018;
}
@media (hover:hover) {
    .productbox:hover { border-color: #969ca5; box-shadow: inset 0 1px 0 #ffffff25, 0 10px 24px #00000030; }
    #akrapovic-finder .afs-types button:hover { border-color: #dce1e9; box-shadow: inset 0 1px 0 #ffffff45, 0 5px 12px #00000038; }
    #akrapovic-finder button[type=submit]:not(:disabled):hover { filter: brightness(1.07); }
}
@media (max-width:767px) {
    #akrapovic-finder .afs-panel { border-left: 0; border-top: 1px solid #ffffff1c; }
}
@media (prefers-reduced-motion:reduce) {
    .productbox, #akrapovic-finder .afs-types button { transition: none; }
}