/* R170.2.53 - Accessory finder: genuinely usable editorial mode while the
   public catalog has no approved products. Only loaded on /zubehoer-finder/. */
body.duo-site main#main-content.duo235-finder {
  box-sizing:border-box;
  width:min(1120px,calc(100% - 36px))!important;
  max-width:1120px!important;
  min-width:0;
  margin:0 auto!important;
  padding:0 0 42px!important;
}
.duo235-finder .duo235-finder-hero {
  min-height:205px;
  margin:16px 0 14px;
  padding:19px 24px;
  border-radius:15px;
}
.duo235-finder .duo235-finder-hero-copy {width:65%;max-width:680px;}
.duo235-finder .duo235-path {margin-bottom:14px!important;}
.duo235-finder .duo235-finder-hero h1 {font-size:clamp(1.95rem,3.1vw,2.45rem)!important;line-height:1.12;}
.duo235-finder .duo235-finder-intro {font-size:.9rem;max-width:53ch;}
.duo235-finder .duo235-finder-subline {font-size:.78rem;max-width:56ch;}
.duo235-finder .duo235-finder-controls {
  padding:16px 18px 13px;
  margin-bottom:17px;
  border-radius:12px;
}
.duo235-finder.duo253-editorial-mode .duo235-finder-form {
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:end;
  gap:11px;
}
.duo235-finder .duo235-finder-form>label {min-width:0;}
.duo235-finder .duo235-finder-form select {font-size:.83rem;min-width:0;}
.duo235-finder .duo235-finder-submit {width:100%;min-width:0;white-space:normal;}
.duo235-finder .duo253-quick {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0 2px;
  padding-top:12px;
  border-top:1px solid #e8eff6;
}
.duo235-finder .duo253-quick span {font-size:.74rem;font-weight:750;color:#536b83;margin-right:3px;}
.duo235-finder .duo253-quick a {
  font-size:.75rem;
  font-weight:720;
  text-decoration:none;
  line-height:1.32;
  padding:7px 10px;
  background:#f7fafd;
  color:#185b9f;
  border:1px solid #d9e6f3;
  border-radius:8px;
}
.duo235-finder .duo253-quick a:is(:hover,:focus-visible),
.duo235-finder .duo253-quick a.is-current {background:#e9f3ff;border-color:#89bae8;color:#0d579c;}
.duo235-finder .duo235-finder-active {margin-top:11px;padding-top:9px;}
.duo235-finder .duo253-catalog-note {
  font-size:.77rem;
  line-height:1.56;
  color:#587188;
  margin:0 0 17px;
  padding:10px 13px;
  border:1px solid #dbe8f4;
  border-radius:9px;
  background:#f6faff;
}
.duo235-finder .duo253-catalog-note strong {color:#274a71;font-weight:740;}
.duo235-finder .duo235-finder-section-title {margin-bottom:12px;}
.duo235-finder .duo235-finder-section-title h2 {font-size:clamp(1.17rem,1.85vw,1.47rem);}
.duo235-finder .duo235-finder-cards {gap:12px;}
.duo235-finder .duo235-guide-hit>img {height:118px;}
.duo235-finder .duo235-guide-body {padding:12px 13px 14px;gap:6px;}
.duo235-finder .duo235-guide-body h3 {font-size:.91rem;line-height:1.34;}
.duo235-finder .duo235-guide-body p {font-size:.76rem;line-height:1.5;}
.duo235-finder .duo235-guide-cta {padding-top:7px;}
.duo235-finder .duo235-finder-more {margin:17px 0 0;padding:12px 16px;}
.duo235-finder .duo235-finder-no-guides {font-size:.85rem;line-height:1.6;}
@media(max-width:940px){
  .duo235-finder.duo253-editorial-mode .duo235-finder-form {grid-template-columns:repeat(2,minmax(0,1fr));}
  .duo235-finder .duo235-finder-hero-copy {width:75%;}
}
@media(max-width:650px){
  body.duo-site main#main-content.duo235-finder {width:calc(100% - 24px)!important;padding-bottom:28px!important;}
  .duo235-finder .duo235-finder-hero {min-height:0;padding:18px;margin:11px 0 12px;}
  .duo235-finder .duo235-finder-hero-copy {width:100%;}
  .duo235-finder .duo235-finder-hero h1 {font-size:1.95rem!important;}
  .duo235-finder .duo235-finder-hero-photo {width:50%;opacity:.12;pointer-events:none;}
  .duo235-finder .duo235-finder-controls {padding:13px;}
  .duo235-finder .duo235-finder-form {grid-template-columns:repeat(2,minmax(0,1fr));}
  .duo235-finder.duo253-editorial-mode .duo235-finder-form {grid-template-columns:repeat(2,minmax(0,1fr));}
  .duo235-finder .duo235-finder-submit {grid-column:1/-1;}
  .duo235-finder .duo235-guide-hit {grid-template-columns:104px minmax(0,1fr);min-height:128px;}
  .duo235-finder .duo235-guide-hit>img {min-height:128px;height:100%;}
  .duo235-finder .duo235-guide-body {padding:11px 12px;}
  .duo235-finder .duo235-finder-section-title {align-items:start;}
}
@media(max-width:390px){
  .duo235-finder.duo253-editorial-mode .duo235-finder-form {grid-template-columns:minmax(0,1fr);}
  .duo235-finder .duo235-guide-hit {grid-template-columns:94px minmax(0,1fr);}
  .duo235-finder .duo235-guide-body h3 {font-size:.84rem;}
  .duo235-finder .duo235-guide-body p {font-size:.7rem;}
}