*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;background:#0d0d0f;color:#fff}
.top{display:flex;justify-content:space-between;align-items:center;padding:22px 50px;background:#111}
.logo{font-size:30px;font-weight:bold;color:#d62828}
nav a{color:#ddd;text-decoration:none;margin-left:24px}
nav a:hover{color:#fff}
.hero{height:78vh;background:linear-gradient(135deg,#181818,#450808);display:flex;align-items:center}
.overlay{padding:70px}
h1{font-size:58px;line-height:1.1}
p{margin:25px 0;color:#ccc;font-size:20px}
button{padding:14px 28px;border:none;background:#be0d0d;color:#fff;border-radius:6px;cursor:pointer}
.ghost{background:transparent;border:1px solid #be0d0d;margin-left:12px}
.cards{padding:60px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:30px}
.card{background:#191919;border-radius:12px;overflow:hidden;transition:.3s}
.card:hover{transform:translateY(-8px)}
.cover{height:300px;background:linear-gradient(#444,#222)}
.card h3{padding:16px}
.footer{display:flex;justify-content:space-between;padding:40px 60px;background:#111;color:#999;margin-top:60px}
.card{cursor:pointer}
.card:hover{box-shadow:0 12px 30px rgba(214,40,40,.25)}

.card{cursor:pointer}.card:hover{box-shadow:0 12px 30px rgba(214,40,40,.25)}h2{margin-bottom:20px}
.logo{display:flex;align-items:center;gap:14px}
.logo img{height:58px}
.logo span{font-size:30px;font-weight:700;color:#fff}
.footer{padding:40px;text-align:center;background:#111;color:#888}


.logo{display:flex;align-items:center}
.logo img{
height:64px;
width:auto;
display:block;
}

.top{position:sticky;top:0;z-index:10;border-bottom:1px solid #2b0b0b}
nav{display:flex;align-items:center;gap:24px;font-weight:600}
nav a{margin-left:0;text-transform:uppercase;font-size:14px}
.lang{margin-left:30px;color:#aaa;font-size:13px}
.logo img{height:78px}
.hero{min-height:82vh}


.slider{display:flex;gap:22px;overflow-x:auto;padding:10px 0 20px}
.comic{min-width:180px;background:#181818;border-radius:12px;padding:12px;transition:.3s}
.comic:hover{transform:translateY(-8px)}
.comic .cover{height:250px;border-radius:8px;background:linear-gradient(180deg,#555,#222);margin-bottom:12px}
.comic span{color:#b7b7b7;font-size:14px}
.feature{padding:60px}
.featuregrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.featurecard{background:#171717;padding:28px;border-left:4px solid #be0d0d;border-radius:10px}
.featurecard p{font-size:15px;line-height:1.6}


.section{padding:70px 60px}
.glow-title{
font-size:28px;
margin-bottom:28px;
padding-bottom:10px;
border-bottom:1px solid rgba(190,13,13,.45);
text-shadow:0 0 12px rgba(214,40,40,.85),0 0 30px rgba(190,13,13,.35);
box-shadow:0 18px 35px -28px rgba(214,40,40,.9);
}
.card{transition:transform .25s ease, box-shadow .25s ease}
.card:hover{
transform:translateY(-8px) scale(1.02);
box-shadow:0 15px 35px rgba(190,13,13,.28);
}

.searchbox,.newsletter{display:flex;gap:12px;max-width:700px}
.searchbox input,.newsletter input{flex:1;padding:14px;border-radius:8px;border:1px solid #333;background:#171717;color:#fff}
.searchbox button,.newsletter button{padding:14px 22px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stat{background:#181818;padding:28px;border-radius:12px;text-align:center}
.stat strong{display:block;font-size:34px;color:#d62828}
.stat span{color:#bbb}
.footer{margin-top:60px;padding:35px 60px;border-top:1px solid #333;display:flex;justify-content:space-between;color:#999}

.slider{display:flex;gap:20px;overflow:auto;padding-bottom:10px}
.slider::-webkit-scrollbar{height:8px}
.slider::-webkit-scrollbar-thumb{background:#7a1111;border-radius:20px}
.comic{min-width:180px}
.featuregrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.featurecard{background:#171717;border:1px solid #2d2d2d;border-radius:12px;padding:24px;transition:.3s}
.featurecard:hover{border-color:#be0d0d;box-shadow:0 0 30px rgba(190,13,13,.25)}

.cover{position:relative;overflow:hidden;border-radius:10px;background:linear-gradient(180deg,#666,#222)}


/* Hero content */
.hero > .overlay{
position:relative;
inset:auto;
display:block;
opacity:1;
background:transparent;
padding:70px;
}

/* Clean cover hover — no badges and no ratings */
.cover-info{
position:absolute;
inset:0;
display:flex;
flex-direction:column;
justify-content:flex-end;
align-items:flex-start;
padding:18px;
background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.18) 58%,transparent 100%);
opacity:0;
transform:translateY(8px);
transition:opacity .25s ease,transform .25s ease;
}
.cover:hover .cover-info{
opacity:1;
transform:translateY(0);
}
.cover-meta{
margin-bottom:12px;
font-size:13px;
letter-spacing:.04em;
color:#ddd;
}
.cover-info button{
padding:9px 16px;
border:1px solid rgba(255,255,255,.24);
border-radius:6px;
background:rgba(190,13,13,.92);
color:#fff;
font-size:12px;
font-weight:700;
letter-spacing:.06em;
}


/* v2.6 premium posters */
.poster-row{display:flex;gap:22px;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin}
.poster-row::-webkit-scrollbar{height:8px}
.poster-row::-webkit-scrollbar-thumb{background:#6d1010;border-radius:20px}
.comic,.card{position:relative}
.comic .cover,.card .cover{
border-radius:12px;
overflow:hidden;
box-shadow:0 18px 40px rgba(0,0,0,.45);
transition:transform .35s ease, box-shadow .35s ease, filter .35s ease;
}
.comic:nth-child(2n) .cover{height:330px}
.comic:nth-child(2n+1) .cover{height:360px}
.comic .cover::after,.card .cover::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.10) 45%,transparent 70%);
opacity:.35;
pointer-events:none;
}
.comic:hover .cover,.card:hover .cover{
transform:translateY(-10px) scale(1.03);
filter:brightness(1.05);
box-shadow:0 26px 55px rgba(0,0,0,.6),0 0 24px rgba(190,13,13,.18);
}


/* v2.8 – kompakter, dolu ve Newsletter içeren premium footer */
.site-footer{
  display:grid;
  grid-template-columns:minmax(270px,1.25fr) repeat(3,minmax(150px,.72fr)) minmax(340px,1.5fr);
  column-gap:48px;
  row-gap:34px;
  align-items:start;
  width:100%;
  padding:58px max(42px,calc((100vw - 1540px)/2)) 24px;
  border-top:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 86% 16%,rgba(214,40,43,.075),transparent 24%),
    linear-gradient(180deg,#0b0c0f 0%,#08090b 100%);
}

.footer-brand,
.footer-column,
.footer-newsletter{
  min-width:0;
}

.footer-logo{
  display:inline-flex;
  align-items:flex-end;
  gap:9px;
  text-decoration:none;
}

.footer-logo-mark{
  display:flex;
  align-items:center;
  justify-content:center;
  width:58px;
  height:58px;
  color:#fff;
  background:#e50914;
  font-size:42px;
  font-weight:950;
  line-height:1;
}

.footer-logo-word{
  color:#fff;
  font-size:28px;
  font-weight:950;
  letter-spacing:-.03em;
}

.footer-brand p{
  max-width:320px;
  margin:18px 0 0;
  color:#90909a;
  font-size:14px;
  line-height:1.65;
}

.footer-socials{
  display:flex;
  gap:10px;
  margin-top:24px;
}

.footer-socials a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  color:#d9d9de;
  font-size:14px;
  font-weight:800;
  text-decoration:none;
  transition:border-color .2s ease, color .2s ease, transform .2s ease, background .2s ease;
}

.footer-socials a:hover{
  transform:translateY(-2px);
  border-color:var(--red-bright);
  background:rgba(214,40,43,.08);
  color:var(--red-bright);
}

.site-footer h4{
  margin:3px 0 18px;
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.13em;
}

.footer-column{
  display:flex;
  flex-direction:column;
  gap:11px;
  padding-left:28px;
  border-left:1px solid rgba(255,255,255,.07);
}

.footer-column a{
  color:#9999a3;
  font-size:13px;
  line-height:1.35;
  text-decoration:none;
  transition:color .2s ease, transform .2s ease;
}

.footer-column a:hover{
  transform:translateX(3px);
  color:#fff;
}

.footer-newsletter{
  padding-left:32px;
  border-left:1px solid rgba(255,255,255,.07);
}

.footer-newsletter p{
  max-width:390px;
  margin:0 0 18px;
  color:#9999a3;
  font-size:13px;
  line-height:1.65;
}

.newsletter-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) 112px;
  gap:10px;
}

.newsletter-form input{
  width:100%;
  min-width:0;
  height:46px;
  padding:0 15px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:4px;
  outline:none;
  background:#101115;
  color:#fff;
  font-size:13px;
}

.newsletter-form input:focus{
  border-color:var(--red-bright);
  box-shadow:0 0 0 3px rgba(214,40,43,.1);
}

.newsletter-form button{
  height:46px;
  border:1px solid var(--red-bright);
  border-radius:4px;
  background:var(--red-bright);
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  cursor:pointer;
  transition:filter .2s ease, transform .2s ease;
}

.newsletter-form button:hover{
  transform:translateY(-1px);
  filter:brightness(1.1);
}

.footer-newsletter small{
  display:block;
  margin-top:11px;
  color:#62626b;
  font-size:9px;
  line-height:1.5;
}

.footer-bottom{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.07);
  color:#65656e;
  font-size:10px;
}

.footer-bottom nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:20px;
}

.footer-bottom a{
  color:#7a7a84;
  text-decoration:none;
}

.footer-bottom a:hover{
  color:#fff;
}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

@media(max-width:1250px){
  .site-footer{
    grid-template-columns:1.15fr repeat(3,.72fr);
  }

  .footer-newsletter{
    grid-column:1 / -1;
    padding:26px 0 0;
    border-left:0;
    border-top:1px solid rgba(255,255,255,.07);
  }

  .footer-newsletter p{
    max-width:620px;
  }

  .newsletter-form{
    max-width:620px;
  }
}

@media(max-width:860px){
  .site-footer{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:34px;
    padding:48px 28px 22px;
  }

  .footer-brand{
    grid-column:1 / -1;
  }

  .footer-column{
    padding-left:0;
    border-left:0;
  }

  .footer-newsletter{
    grid-column:1 / -1;
  }

  .footer-bottom{
    align-items:flex-start;
    flex-direction:column;
  }

  .footer-bottom nav{
    justify-content:flex-start;
  }
}

@media(max-width:560px){
  .site-footer{
    grid-template-columns:1fr;
    padding:42px 20px 20px;
  }

  .footer-brand,
  .footer-newsletter{
    grid-column:auto;
  }

  .newsletter-form{
    grid-template-columns:1fr;
  }

  .newsletter-form button{
    width:100%;
  }
}


.footer-logo{
display:inline-flex;
align-items:center;
}
.footer-logo-image{
height:58px;
width:auto;
display:block;
}
.footer-logo-mark,.footer-logo-word{display:none!important;}


/* 03_Comic_List v1 */
:root{
  --red:#be0d0d;
  --red-bright:#d6282b;
  --surface:#151518;
  --surface-2:#1a1a1f;
  --muted:#9797a0;
  --line:rgba(255,255,255,.09);
}
.catalog-page{background:#0d0d0f}
.catalog-hero{
  padding:76px 60px 52px;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 82% 20%,rgba(190,13,13,.22),transparent 26%),
    linear-gradient(135deg,#111115 0%,#171013 52%,#0d0d0f 100%);
}
.catalog-hero-inner{
  max-width:1540px;
  margin:auto;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:36px;
}
.eyebrow{
  display:block;
  margin-bottom:14px;
  color:var(--red-bright);
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
}
.catalog-hero h1{
  font-size:clamp(42px,6vw,78px);
  letter-spacing:-.055em;
}
.catalog-hero p{
  max-width:680px;
  margin:18px 0 0;
  color:#a6a6ae;
  font-size:16px;
}
.catalog-count{
  display:flex;
  align-items:baseline;
  gap:10px;
  white-space:nowrap;
}
.catalog-count strong{font-size:34px;color:#fff}
.catalog-count span{color:#7f7f88;font-size:12px}

.catalog-tools{
  max-width:1540px;
  margin:0 auto;
  padding:34px 60px 26px;
}
.catalog-search{
  display:flex;
  align-items:center;
  gap:12px;
  height:58px;
  padding:0 18px;
  border:1px solid var(--line);
  border-radius:6px;
  background:#121216;
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}
.catalog-search span{font-size:26px;color:#6e6e76}
.catalog-search input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  font-size:15px;
}
.filter-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(130px,1fr)) auto;
  gap:12px;
  margin-top:14px;
}
.filter-grid label{display:flex;flex-direction:column;gap:7px}
.filter-grid label>span{
  color:#666670;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}
.filter-grid select,.clear-filters{
  height:44px;
  border:1px solid var(--line);
  border-radius:5px;
  background:#151519;
  color:#d5d5da;
  padding:0 12px;
  outline:none;
}
.clear-filters{
  align-self:end;
  padding:0 18px;
  color:#96969f;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
}
.clear-filters:hover{color:#fff;border-color:rgba(214,40,43,.5)}

.catalog-results{
  max-width:1540px;
  margin:0 auto;
  padding:34px 60px 82px;
}
.results-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:25px;
  margin-bottom:26px;
}
.results-head h2{
  margin:0;
  font-size:27px;
  letter-spacing:-.025em;
}
.view-switch{
  display:flex;
  padding:4px;
  border:1px solid var(--line);
  border-radius:5px;
  background:#141418;
}
.view-switch button{
  width:38px;
  height:34px;
  padding:0;
  background:transparent;
  color:#666670;
  font-size:18px;
}
.view-switch button.active{background:#27272d;color:#fff}

.catalog-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:26px 22px;
}
.catalog-card{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:7px;
  background:#141418;
  cursor:pointer;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.catalog-card:hover{
  transform:translateY(-7px);
  border-color:rgba(214,40,43,.42);
  box-shadow:0 24px 52px rgba(0,0,0,.45),0 0 24px rgba(190,13,13,.08);
}
.catalog-cover{
  position:relative;
  width:100%;
  height:auto;
  aspect-ratio:2 / 3;
  overflow:hidden;
  background:#24242a;
}
.catalog-cover::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(145deg,rgba(255,255,255,.12),transparent 34%),
    radial-gradient(circle at 65% 25%,rgba(255,255,255,.14),transparent 22%),
    linear-gradient(155deg,var(--cover-a),var(--cover-b));
  filter:saturate(.85);
}
.catalog-cover::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.58),transparent 46%);
}
.catalog-cover-image{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.cover-1{--cover-a:#4b1518;--cover-b:#12151b}
.cover-2{--cover-a:#66503e;--cover-b:#1d1919}
.cover-3{--cover-a:#29405b;--cover-b:#11141c}
.cover-4{--cover-a:#633218;--cover-b:#171414}
.cover-5{--cover-a:#283a48;--cover-b:#16171b}
.cover-6{--cover-a:#72532c;--cover-b:#17191c}
.cover-7{--cover-a:#5f1818;--cover-b:#101316}
.cover-8{--cover-a:#615d4e;--cover-b:#1a1818}
.cover-9{--cover-a:#404a6c;--cover-b:#15141b}
.cover-10{--cover-a:#476777;--cover-b:#13181b}
.cover-11{--cover-a:#5a161c;--cover-b:#111}
.cover-12{--cover-a:#76532b;--cover-b:#171414}
.language-badge{
  position:absolute;
  z-index:2;
  top:14px;
  left:14px;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:3px;
  background:rgba(8,8,10,.75);
  color:#eee;
  font-size:9px;
  font-weight:900;
  letter-spacing:.07em;
}
.cover-hover{
  position:absolute;
  z-index:3;
  inset:0;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:22px;
  opacity:0;
  background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.04) 65%);
  transition:opacity .25s ease;
}
.catalog-card:hover .cover-hover{opacity:1}
.cover-hover button{
  width:100%;
  padding:12px;
  border-radius:3px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
.catalog-card-body{padding:16px 14px 15px}
.catalog-card-body>span{
  color:var(--red-bright);
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}
.catalog-card-body h3{
  margin:8px 0 7px;
  font-size:15px;
  line-height:1.25;
  letter-spacing:-.02em;
}
.catalog-card-body p{
  height:34px;
  margin:0 0 16px;
  color:#898992;
  font-size:11px;
  line-height:1.5;
}
.catalog-card-body>div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding-top:13px;
  border-top:1px solid var(--line);
}
.catalog-card-body small{color:#696972;font-size:9px}

.empty-state{
  padding:70px 20px;
  text-align:center;
  border:1px dashed var(--line);
  border-radius:7px;
  color:#777781;
}
.empty-state strong{display:block;margin-bottom:9px;color:#fff}
.empty-state span{font-size:13px}
.catalog-grid.list-view{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.catalog-grid.list-view .catalog-card{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center}
.catalog-grid.list-view .catalog-cover{height:auto;min-height:0;aspect-ratio:2 / 3;align-self:center}
.catalog-grid.list-view .catalog-card-body{display:flex;justify-content:center;flex-direction:column;padding:30px}
.newsletter-message{min-height:18px;margin:9px 0 0;color:#72c98c;font-size:11px}
.newsletter-form button:disabled{opacity:.6;cursor:wait}

.pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  margin-top:46px;
}
.pagination button{
  width:40px;
  height:40px;
  padding:0;
  border:1px solid var(--line);
  border-radius:4px;
  background:#151519;
  color:#8b8b94;
}
.pagination button.active,.pagination button:hover{
  border-color:var(--red-bright);
  background:var(--red-bright);
  color:#fff;
}
.pagination span{color:#55555e}

@media(max-width:1450px){
  .catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:1200px){
  .filter-grid{grid-template-columns:repeat(3,1fr)}
  .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1100px){
  .catalog-grid.list-view{grid-template-columns:1fr}
}
@media(max-width:850px){
  .catalog-hero,.catalog-tools,.catalog-results{padding-left:28px;padding-right:28px}
  .catalog-hero-inner{align-items:flex-start;flex-direction:column}
  .filter-grid{grid-template-columns:repeat(2,1fr)}
  .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .catalog-cover{height:auto}
}
@media(max-width:560px){
  .catalog-hero,.catalog-tools,.catalog-results{padding-left:18px;padding-right:18px}
  .filter-grid{grid-template-columns:1fr}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
  .catalog-grid.list-view .catalog-card{grid-template-columns:120px minmax(0,1fr)}
  .catalog-grid.list-view .catalog-cover{height:auto;min-height:0}
  .catalog-grid.list-view .catalog-card-body{padding:20px}
  .catalog-cover{height:auto}
  .results-head{align-items:flex-start}
  .view-switch{display:none}
}
@media(max-width:390px){.catalog-grid{grid-template-columns:1fr}}

/* FILMISTIK GROUP CHARACTER HERO */
.catalog-hero{
  position:relative;
  overflow:hidden;
  min-height:300px;
  padding:62px 60px 46px;
}

.catalog-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,#111115 0%,rgba(17,17,21,.99) 36%,rgba(17,17,21,.76) 51%,rgba(17,17,21,.12) 76%,rgba(17,17,21,.38) 100%),
    radial-gradient(ellipse at 76% 50%,rgba(190,13,13,.10),transparent 43%);
}

.catalog-hero-inner{
  position:relative;
  z-index:2;
  min-height:192px;
  align-items:center;
}

.catalog-hero-copy{
  position:relative;
  z-index:5;
  max-width:610px;
}

.catalog-count{
  position:absolute;
  z-index:6;
  right:0;
  bottom:0;
}

.hero-group-art{
  position:absolute;
  z-index:3;
  top:-28px;
  right:18px;
  width:min(920px,63vw);
  height:292px;
  overflow:hidden;
  cursor:pointer;
}

.hero-group-art img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center center;
  opacity:.86;
  filter:
    brightness(.82)
    contrast(1.10)
    drop-shadow(0 18px 26px rgba(0,0,0,.78));
  transform:translateY(2px);
  transition:
    opacity .28s ease,
    filter .28s ease,
    transform .28s ease;
}

.hero-group-art:hover img{
  opacity:1;
  transform:translateY(-2px) scale(1.006);
  animation:filmistik-flicker .8s steps(2,end) infinite;
  filter:
    brightness(1)
    contrast(1.14)
    drop-shadow(0 0 9px rgba(255,255,255,.12))
    drop-shadow(0 0 20px rgba(190,13,13,.52))
    drop-shadow(0 20px 28px rgba(0,0,0,.84));
}

@keyframes filmistik-flicker{
  0%,100%{opacity:1}
  18%{opacity:.91}
  22%{opacity:1}
  48%{opacity:.95}
  52%{opacity:.88}
  56%{opacity:1}
  81%{opacity:.94}
}

@media(max-width:1200px){
  .hero-group-art{
    right:-65px;
    width:72vw;
  }
}

@media(max-width:900px){
  .catalog-hero{min-height:260px}
  .hero-group-art{
    top:-5px;
    right:-210px;
    width:92vw;
    height:250px;
    opacity:.42;
  }
  .catalog-count{
    position:relative;
    right:auto;
    bottom:auto;
  }
}

@media(max-width:620px){
  .hero-group-art{display:none}
}