.hachtel-scan{
  --hachtel-red:#e30413;
  --hachtel-black:#000;
  --hachtel-text:#000;
  --hachtel-muted:#5f6368;
  --hachtel-line:#cfd4d7;
  --hachtel-soft:#f7f8f9;
  box-sizing:border-box;
  width:100%;
  padding:0;
  background:#fff;
  color:var(--hachtel-text);
  font-family:"Open Sans",Arial,sans-serif;
}
.hachtel-scan *{box-sizing:border-box}
.hachtel-scan__filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:20px;align-items:end;margin:0 0 32px;padding:24px;background:var(--hachtel-soft)}
.hachtel-scan__filter{display:flex;flex-direction:column;gap:8px;min-width:0}.hachtel-scan__filter>span{color:var(--hachtel-black);font-size:14px;font-weight:700}.hachtel-scan select{width:100%;min-height:48px;padding:0 42px 0 15px;border:1px solid var(--hachtel-line);border-radius:0;background:#fff;color:var(--hachtel-black);font:inherit;font-size:15px}.hachtel-scan select:focus{outline:2px solid rgba(227,4,19,.18);border-color:var(--hachtel-red)}
.hachtel-scan__reset{min-height:48px;padding:0 20px;border:1px solid var(--hachtel-red);background:var(--hachtel-red);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.hachtel-scan__reset:hover{background:#111;border-color:#111}
.hachtel-scan__meta{display:flex;justify-content:space-between;gap:16px;min-height:22px;margin-bottom:18px}.hachtel-scan__count,.hachtel-scan__status{color:var(--hachtel-muted);font-size:14px}
.hachtel-scan__results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.hachtel-scan.is-loading .hachtel-scan__results{opacity:.45;pointer-events:none}
.hachtel-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;padding:20px;border:1px solid var(--hachtel-line);border-radius:0;background:#fff;box-shadow:none;transform:none;transition:none}
.hachtel-card:hover{box-shadow:none;transform:none}
.hachtel-card__media{display:flex;width:100%;aspect-ratio:4/3;overflow:hidden;background:#000;align-items:center;justify-content:center}
.hachtel-card__image{display:block;width:100%;height:100%;margin:auto;object-fit:contain!important;object-position:50% 50%!important}
.hachtel-card__placeholder{display:block;width:100%;height:100%;background:#111}
.hachtel-card__content{display:flex;flex:1;flex-direction:column;padding:20px 0 0}
.hachtel-card__title{margin:0 0 14px;color:#000;font-family:"Open Sans",Arial,sans-serif;font-size:22px;line-height:1.22;font-weight:700}
.hachtel-card__title a,.hachtel-card__title a:hover{color:#000;text-decoration:none}
.hachtel-card__excerpt{margin:0 0 22px;color:#000;font-family:"Open Sans",Arial,sans-serif;font-size:16px;line-height:1.6;font-weight:400}
.hachtel-card__link{display:inline-flex;gap:6px;align-self:flex-start;margin-top:auto;color:var(--hachtel-red);font-family:"Open Sans",Arial,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:none}
.hachtel-card__link:hover{color:#585858}
.hachtel-card__link span{font-size:0}.hachtel-card__link span:after{content:"»";font-size:15px}
.hachtel-scan__empty{grid-column:1/-1;padding:34px;border:1px solid var(--hachtel-line);background:var(--hachtel-soft);text-align:center}.hachtel-scan__empty span{display:block;margin-top:8px}
.hachtel-pages{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:40px}.hachtel-pages__numbers{display:flex;align-items:center;gap:8px}.hachtel-pages button{min-width:42px;height:42px;padding:0 12px;border:1px solid var(--hachtel-line);background:#fff;color:#111;font:inherit;font-weight:700;cursor:pointer}.hachtel-pages button:hover,.hachtel-pages button.is-active{border-color:var(--hachtel-red);background:var(--hachtel-red);color:#fff}.hachtel-pages button:disabled{opacity:.35;cursor:not-allowed}.hachtel-pages__nav{min-width:auto!important}
@media(max-width:1024px){
  .hachtel-scan__filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hachtel-scan__results{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .hachtel-scan__filters,.hachtel-scan__results{grid-template-columns:1fr}
  .hachtel-scan__filters{padding:18px;gap:16px}
  .hachtel-card__title{font-size:22px}
  .hachtel-card__excerpt{font-size:16px}
  .hachtel-pages{flex-wrap:wrap}
  .hachtel-pages__numbers{order:-1;width:100%;justify-content:center}
  .hachtel-pages__nav{flex:1}
}