/* Version 1.0.3: scoped overrides for confirmed NOVAChild conflicts.
   Repeated ID specificity intentionally exceeds the existing body:has rules. */
/* AKRAPOVIC FAHRZEUGSUCHE | Sportlich & dynamisch
   JTL 5.8.1 / NOVAChild 5.8.0
   Design layer for plugin v1.0.2.
   Registered after finder.css and gloss.css in info.xml.
   Does not alter JavaScript, form action, inputs or vehicle data.
*/
section#akrapovic-finder#akrapovic-finder.afs {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 12px auto 34px !important;
  overflow: hidden !important;
  background: #f3f4f6 !important;
  color: #24272d !important;
  border: 1px solid #dfe2e6 !important;
  border-radius: 15px !important;
  box-shadow: 0 12px 32px rgba(25,30,38,.13) !important;
  isolation: isolate !important;
}
/* Compact brand-neutral copy band; supplied shop photo is used only if configured. */
section#akrapovic-finder#akrapovic-finder.afs .afs-hero,
section#akrapovic-finder#akrapovic-finder.afs .afs-hero:has(.afs-bg) {
  display: flex !important;
  position: relative !important;
  min-height: 135px !important;
  padding: 24px clamp(20px,3vw,42px) !important;
  align-items: center !important;
  background: linear-gradient(105deg,#20252c 0%,#343a44 65%,#4d323a 100%) !important;
}
section#akrapovic-finder#akrapovic-finder.afs .afs-bg {
  opacity: .26 !important;
  object-fit: cover !important;
  object-position: center !important;
}
section#akrapovic-finder#akrapovic-finder.afs .afs-copy {position:relative !important; z-index:1 !important; max-width:none !important;}
section#akrapovic-finder#akrapovic-finder.afs .afs-eyebrow {color:#c87e88 !important;letter-spacing:.12em !important;font-size:11px !important;margin:0 0 8px !important;}
section#akrapovic-finder#akrapovic-finder.afs .afs-copy h2 {
  font-size:clamp(23px,3vw,35px) !important;
  line-height:1.13 !important;
  letter-spacing:-.02em !important;
  margin:0 0 8px !important;
  color:#fff !important;
  text-shadow:none !important;
}
section#akrapovic-finder#akrapovic-finder.afs .afs-copy > p:last-child {color:#e8eaec !important;font-size:14px !important;margin:0 !important;line-height:1.4 !important;}
section#akrapovic-finder#akrapovic-finder.afs .afs-panel {
  background:linear-gradient(180deg,#f8f9fa 0%,#e9ebee 100%) !important;
  color:#20252c !important;
  border:0 !important;
  border-top:3px solid #81323a !important;
  padding:25px clamp(20px,3vw,42px) 21px !important;
  box-shadow:none !important;
}
section#akrapovic-finder#akrapovic-finder.afs .afs-panel > .afs-eyebrow {color:#81323a !important;}
section#akrapovic-finder#akrapovic-finder.afs .afs-panel h2 {font-size:clamp(20px,2.1vw,27px) !important;margin:0 0 5px !important;color:#222831 !important;}
section#akrapovic-finder#akrapovic-finder.afs .afs-panel > p:not(.afs-eyebrow) {font-size:14px !important;color:#5d6570 !important;margin:0 !important;}
section#akrapovic-finder#akrapovic-finder.afs .afs-types {display:flex !important;gap:9px !important;margin:17px 0 10px !important;}
section#akrapovic-finder#akrapovic-finder.afs .afs-types button {
  flex:0 1 160px !important;
  border:1px solid #c6cbd1 !important;
  border-radius:8px !important;
  background:linear-gradient(180deg,#fff,#ecedf0) !important;
  color:#30353d !important;
  padding:10px 16px !important;
  font-size:14px !important;
  font-weight:700 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px #0000000a !important;
}
section#akrapovic-finder#akrapovic-finder.afs .afs-types button[aria-pressed=true] {
  background:linear-gradient(180deg,#a65d67 0%,#81323a 52%,#69262f 100%) !important;
  color:#fff !important;
  border-color:#81323a !important;
  box-shadow:inset 0 1px 0 #ffffff35,0 3px 7px #81323a30 !important;
}
section#akrapovic-finder#akrapovic-finder.afs .afs-types button:hover {border-color:#81323a !important;}
/* Labels/selects are alternating siblings in the existing form. */
section#akrapovic-finder#akrapovic-finder.afs form {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) minmax(180px,1.15fr) !important;
  gap:6px 14px !important;
  align-items:end !important;
  margin-top:18px !important;
}
section#akrapovic-finder#akrapovic-finder.afs form > input[type=hidden] {display:none !important;}
section#akrapovic-finder#akrapovic-finder.afs form > label {margin:0 !important;font-size:11px !important;color:#414853 !important;letter-spacing:.035em !important;}
section#akrapovic-finder#akrapovic-finder.afs form > label:nth-of-type(1) {grid-column:1 !important;grid-row:1 !important;}
section#akrapovic-finder#akrapovic-finder.afs form > label:nth-of-type(2) {grid-column:2 !important;grid-row:1 !important;}
section#akrapovic-finder#akrapovic-finder.afs form > label:nth-of-type(3) {grid-column:3 !important;grid-row:1 !important;}
section#akrapovic-finder#akrapovic-finder.afs form > select:nth-of-type(1) {grid-column:1 !important;grid-row:2 !important;}
section#akrapovic-finder#akrapovic-finder.afs form > select:nth-of-type(2) {grid-column:2 !important;grid-row:2 !important;}
section#akrapovic-finder#akrapovic-finder.afs form > select:nth-of-type(3) {grid-column:3 !important;grid-row:2 !important;}
section#akrapovic-finder#akrapovic-finder.afs select {
  width:100% !important;min-width:0 !important;height:45px !important;
  background:#fff !important;color:#252b33 !important;
  border:1px solid #c6ccd2 !important;
  border-radius:7px !important;
  padding:0 11px !important;
  box-shadow:0 1px 3px rgba(0,0,0,.06) !important;
  font-size:14px !important;
}
section#akrapovic-finder#akrapovic-finder.afs select option {background:#fff !important;color:#252b33 !important;}
section#akrapovic-finder#akrapovic-finder.afs select:disabled {color:#737a83 !important;opacity:1 !important;background:#f1f2f4 !important;}
section#akrapovic-finder#akrapovic-finder.afs button[type=submit],
section#akrapovic-finder#akrapovic-finder.afs button[type=submit]:not(:disabled) {
  grid-column:4 !important;grid-row:2 !important;
  width:100% !important;min-height:45px !important;
  padding:10px 13px !important;margin:0 !important;
  border:1px solid #81323a !important;
  border-radius:7px !important;
  background:linear-gradient(180deg,#a35c65,#81323a 50%,#68242e) !important;
  box-shadow:inset 0 1px 0 #ffffff40,0 4px 10px #81323a35 !important;
  color:#fff !important;font-size:13px !important;font-weight:700 !important;
}
section#akrapovic-finder#akrapovic-finder.afs button[type=submit]:disabled {
  grid-column:4 !important;grid-row:2 !important;
  background:linear-gradient(180deg,#9a7078,#75505a) !important;
  color:#f4eeee !important;border-color:#88616a !important;
  box-shadow:none !important;opacity:.8 !important;cursor:not-allowed !important;
}
section#akrapovic-finder#akrapovic-finder.afs .afs-status {grid-column:1 / 4 !important;grid-row:3 !important;font-size:12px !important;min-height:0 !important;color:#616873 !important;margin:4px 0 0 !important;}
section#akrapovic-finder#akrapovic-finder.afs .afs-reset {grid-column:4 !important;grid-row:3 !important;justify-self:end !important;margin:3px 0 0 !important;color:#81323a !important;font-size:12px !important;}
section#akrapovic-finder#akrapovic-finder.afs :is(select,button):focus-visible {outline:3px solid #81323a !important;outline-offset:3px !important;}
@media(max-width:1020px){
  section#akrapovic-finder#akrapovic-finder.afs form{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  section#akrapovic-finder#akrapovic-finder.afs button[type=submit],section#akrapovic-finder#akrapovic-finder.afs button[type=submit]:not(:disabled),section#akrapovic-finder#akrapovic-finder.afs button[type=submit]:disabled{grid-column:1 / -1 !important;grid-row:3 !important;margin-top:7px !important;}
  section#akrapovic-finder#akrapovic-finder.afs .afs-status{grid-column:1 / 3 !important;grid-row:4 !important;}
  section#akrapovic-finder#akrapovic-finder.afs .afs-reset{grid-column:3 !important;grid-row:4 !important;}
}
@media(max-width:640px){
  section#akrapovic-finder#akrapovic-finder.afs{border-radius:11px !important;margin:8px auto 24px !important;}
  section#akrapovic-finder#akrapovic-finder.afs .afs-hero{min-height:120px !important;padding:22px 18px !important;}
  section#akrapovic-finder#akrapovic-finder.afs .afs-panel{padding:22px 18px !important;}
  section#akrapovic-finder#akrapovic-finder.afs .afs-types button{flex:1 !important;}
  section#akrapovic-finder#akrapovic-finder.afs form{grid-template-columns:1fr 1fr !important;gap:7px 10px !important;}
  section#akrapovic-finder#akrapovic-finder.afs form > label:nth-of-type(1){grid-column:1 !important;grid-row:1 !important;}
  section#akrapovic-finder#akrapovic-finder.afs form > select:nth-of-type(1){grid-column:1 !important;grid-row:2 !important;}
  section#akrapovic-finder#akrapovic-finder.afs form > label:nth-of-type(2){grid-column:2 !important;grid-row:1 !important;}
  section#akrapovic-finder#akrapovic-finder.afs form > select:nth-of-type(2){grid-column:2 !important;grid-row:2 !important;}
  section#akrapovic-finder#akrapovic-finder.afs form > label:nth-of-type(3){grid-column:1 / -1 !important;grid-row:3 !important;margin-top:4px !important;}
  section#akrapovic-finder#akrapovic-finder.afs form > select:nth-of-type(3){grid-column:1 / -1 !important;grid-row:4 !important;}
  section#akrapovic-finder#akrapovic-finder.afs button[type=submit],section#akrapovic-finder#akrapovic-finder.afs button[type=submit]:not(:disabled),section#akrapovic-finder#akrapovic-finder.afs button[type=submit]:disabled{grid-column:1 / -1 !important;grid-row:5 !important;margin-top:8px !important;}
  section#akrapovic-finder#akrapovic-finder.afs .afs-status{grid-column:1 / -1 !important;grid-row:6 !important;}
  section#akrapovic-finder#akrapovic-finder.afs .afs-reset{grid-column:1 / -1 !important;grid-row:7 !important;justify-self:center !important;}
}
@media(prefers-reduced-motion:reduce){section#akrapovic-finder#akrapovic-finder.afs .afs-types button{transition:none !important;}}

/* Hero and horizontal search, following the approved visual. */
section#akrapovic-finder#akrapovic-finder.afs {border-radius:10px !important;background:#f8f9fa !important;box-shadow:0 14px 34px #15191e18 !important;}
section#akrapovic-finder#akrapovic-finder.afs .afs-hero,
section#akrapovic-finder#akrapovic-finder.afs .afs-hero:has(.afs-bg) {
  min-height:330px !important;padding:40px clamp(22px,3.5vw,50px) 76px !important;
  background:linear-gradient(110deg,#fff 0%,#f5f6f8 55%,#fff 100%) !important;
  overflow:hidden !important;
}
section#akrapovic-finder#akrapovic-finder.afs .afs-hero::after {
  content:"" !important;position:absolute !important;left:-8% !important;bottom:15px !important;width:67% !important;height:16px !important;
  transform:rotate(-8deg) !important;background:linear-gradient(90deg,#81323a,#81323a22) !important;
  pointer-events:none !important;z-index:1 !important;
}
section#akrapovic-finder#akrapovic-finder.afs .afs-bg {
  inset:0 0 auto auto !important;width:58% !important;height:100% !important;object-fit:contain !important;
  object-position:center right !important;opacity:1 !important;z-index:0 !important;
}
section#akrapovic-finder#akrapovic-finder.afs .afs-copy {max-width:56% !important;z-index:2 !important;}
section#akrapovic-finder#akrapovic-finder.afs .afs-copy .afs-eyebrow {color:#81323a !important;font-size:12px !important;letter-spacing:.055em !important;}
section#akrapovic-finder#akrapovic-finder.afs .afs-copy h2 {
  font-size:clamp(27px,3.1vw,48px) !important;font-style:italic !important;font-weight:900 !important;
  line-height:1.07 !important;color:#1d2228 !important;margin:0 0 14px !important;max-width:none !important;
}
section#akrapovic-finder#akrapovic-finder.afs .afs-copy h2 span {display:block !important;}
section#akrapovic-finder#akrapovic-finder.afs .afs-copy h2 span:last-child {color:#81323a !important;}
section#akrapovic-finder#akrapovic-finder.afs .afs-copy > p:last-child {color:#414853 !important;font-size:15px !important;max-width:430px !important;}
section#akrapovic-finder#akrapovic-finder.afs .afs-panel {
  position:relative !important;z-index:3 !important;display:grid !important;grid-template-columns:205px minmax(0,1fr) !important;
  margin:-40px 22px 24px !important;padding:0 !important;overflow:hidden !important;gap:0 !important;
  border:1px solid #d9dde2 !important;border-radius:7px !important;
  background:linear-gradient(180deg,#f8f9fb,#e9ecf0) !important;
  box-shadow:0 8px 18px #00000016 !important;
}
section#akrapovic-finder#akrapovic-finder.afs .afs-panel-heading {
  display:flex !important;flex-direction:column !important;justify-content:center !important;
  padding:26px 30px 26px 20px !important;
  background:linear-gradient(135deg,#a05a65,#81323a 55%,#60242d) !important;
  clip-path:polygon(0 0,100% 0,87% 100%,0 100%) !important;
}
section#akrapovic-finder#akrapovic-finder.afs .afs-panel-heading h2 {color:#fff !important;font-size:17px !important;margin:0 0 8px !important;}
section#akrapovic-finder#akrapovic-finder.afs .afs-panel-heading p {color:#fff !important;font-size:13px !important;line-height:1.5 !important;margin:0 !important;}
section#akrapovic-finder#akrapovic-finder.afs .afs-panel-content {padding:15px 20px 15px 6px !important;min-width:0 !important;}
section#akrapovic-finder#akrapovic-finder.afs .afs-types {margin:0 0 12px !important;gap:7px !important;}
section#akrapovic-finder#akrapovic-finder.afs .afs-types button {flex:0 1 122px !important;padding:7px 13px !important;font-size:12px !important;border-radius:5px !important;}
section#akrapovic-finder#akrapovic-finder.afs form {margin:0 !important;gap:6px 11px !important;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(190px,1.2fr) !important;}
section#akrapovic-finder#akrapovic-finder.afs button[type=submit],
section#akrapovic-finder#akrapovic-finder.afs button[type=submit]:not(:disabled),
section#akrapovic-finder#akrapovic-finder.afs button[type=submit]:disabled {font-size:12px !important;border-radius:5px !important;}
section#akrapovic-finder#akrapovic-finder.afs select {border-radius:5px !important;}
section#akrapovic-finder#akrapovic-finder.afs .afs-status {font-size:11px !important;}
section#akrapovic-finder#akrapovic-finder.afs .afs-reset {padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;}
section#akrapovic-finder#akrapovic-finder.afs noscript {grid-column:1 / -1 !important;color:#81323a !important;}
@media(max-width:1190px){
  section#akrapovic-finder#akrapovic-finder.afs .afs-panel {grid-template-columns:170px minmax(0,1fr) !important;}
  section#akrapovic-finder#akrapovic-finder.afs .afs-panel-heading {padding-left:15px !important;}
  section#akrapovic-finder#akrapovic-finder.afs .afs-panel-heading h2 {font-size:14px !important;}
  section#akrapovic-finder#akrapovic-finder.afs form {grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  section#akrapovic-finder#akrapovic-finder.afs button[type=submit],section#akrapovic-finder#akrapovic-finder.afs button[type=submit]:not(:disabled),section#akrapovic-finder#akrapovic-finder.afs button[type=submit]:disabled {grid-column:1 / -1 !important;grid-row:3 !important;margin-top:6px !important;}
  section#akrapovic-finder#akrapovic-finder.afs .afs-status {grid-column:1 / 3 !important;grid-row:4 !important;}
  section#akrapovic-finder#akrapovic-finder.afs .afs-reset {grid-column:3 !important;grid-row:4 !important;}
}
@media(max-width:767px){
  section#akrapovic-finder#akrapovic-finder.afs .afs-hero,section#akrapovic-finder#akrapovic-finder.afs .afs-hero:has(.afs-bg) {min-height:365px !important;padding:28px 22px 172px !important;align-items:flex-start !important;}
  section#akrapovic-finder#akrapovic-finder.afs .afs-bg {inset:auto 0 26px auto !important;height:145px !important;opacity:1 !important;width:100% !important;object-fit:contain !important;object-position:center !important;}
  section#akrapovic-finder#akrapovic-finder.afs .afs-copy {max-width:85% !important;}
  section#akrapovic-finder#akrapovic-finder.afs .afs-copy h2 {font-size:clamp(27px,5.4vw,40px) !important;}
  section#akrapovic-finder#akrapovic-finder.afs .afs-copy > p:last-child {font-size:14px !important;}
  section#akrapovic-finder#akrapovic-finder.afs .afs-panel {grid-template-columns:1fr !important;margin:-28px 12px 16px !important;}
  section#akrapovic-finder#akrapovic-finder.afs .afs-panel-heading {clip-path:none !important;padding:14px 18px !important;}
  section#akrapovic-finder#akrapovic-finder.afs .afs-panel-heading h2 {font-size:17px !important;margin:0 0 4px !important;}
  section#akrapovic-finder#akrapovic-finder.afs .afs-panel-heading p {font-size:12px !important;}
  section#akrapovic-finder#akrapovic-finder.afs .afs-panel-content {padding:17px !important;}
}
@media(max-width:640px){
  section#akrapovic-finder#akrapovic-finder.afs .afs-copy {max-width:100% !important;}
  section#akrapovic-finder#akrapovic-finder.afs form {grid-template-columns:1fr 1fr !important;gap:7px 10px !important;}
  section#akrapovic-finder#akrapovic-finder.afs button[type=submit],section#akrapovic-finder#akrapovic-finder.afs button[type=submit]:not(:disabled),section#akrapovic-finder#akrapovic-finder.afs button[type=submit]:disabled {grid-column:1 / -1 !important;grid-row:5 !important;margin-top:8px !important;}
  section#akrapovic-finder#akrapovic-finder.afs .afs-status {grid-column:1 / -1 !important;grid-row:6 !important;}
  section#akrapovic-finder#akrapovic-finder.afs .afs-reset {grid-column:1 / -1 !important;grid-row:7 !important;justify-self:center !important;}
}
