/* v17 — 4-up desktop grid + single footer label */

.top_row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 12px;}
.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:14px;}
.breadcrumbs a{text-decoration:none;font-weight:600;}
.breadcrumbs .sep{opacity:.65;}
.breadcrumbs .current{opacity:.9;}
.show_more_like{display:inline-block;padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.06);font-weight:700;white-space:nowrap;}
body.dark .show_more_like{background:rgba(255,255,255,.08);}

.review_header_zone{padding:14px;border-radius:12px;}
.panel_content{display:grid;grid-template-columns:360px 1fr;gap:20px;align-items:start;}
@media (max-width:900px){.panel_content{grid-template-columns:1fr;}}
.panel_left{max-width:360px;}
.hero_frame{position:relative;border-radius:10px;overflow:hidden;border:1px solid rgba(0,0,0,.12);}
.hero_frame img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:4/3;}

.review_title{margin:4px 0 6px;font-size:28px;line-height:1.2;}
.review_url a{text-decoration:none;font-weight:600;}
.seo_block p{margin-top:10px;line-height:1.55;max-width:70ch;}

/* Similar grid — 4-up desktop */
.similar_grid.cats_style{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:18px;
}
@media(max-width:1200px){.similar_grid.cats_style{grid-template-columns:repeat(3, minmax(0,1fr));}}
@media(max-width:900px){.similar_grid.cats_style{grid-template-columns:repeat(2, minmax(0,1fr));}}
@media(max-width:580px){.similar_grid.cats_style{grid-template-columns:1fr;}}

.similar_grid.cats_style>.specific_site{position:relative;margin:0!important;}
.similar_grid.cats_style .box{position:relative;border-radius:12px 12px 0 0;overflow:hidden;border:1px solid rgba(0,0,0,.12);border-bottom:0;background:rgba(0,0,0,.02);}
.similar_grid.cats_style .box img{width:100%;height:auto;object-fit:cover;aspect-ratio:4/3;}

/* Footer strip (single favicon + domain text) */
.similar_grid.cats_style .specific_site_link{
  display:flex;justify-content:center;align-items:center;gap:8px;
  padding:10px 12px;font-weight:700;text-decoration:none;
  background:rgba(0,0,0,.8); color:#e7eef6;
  border:1px solid rgba(0,0,0,.12);border-top:0;border-radius:0 0 12px 12px;margin-top:0!important;
  text-transform:none; /* keep domain case */
}
.similar_grid.cats_style .specific_site_link img.site_favicon{width:18px;height:18px;border-radius:4px;}
.similar_grid.cats_style .specific_site_link .domain_text{line-height:1;}

/* Pin bottom-left */
.specific_site_index{position:absolute;left:12px;bottom:8px;z-index:3;padding:3px 8px;border-radius:999px;background:rgba(0,0,0,.85);color:#fff;font-weight:800;font-size:12px;}

/* Overlay buttons (stacked, centered) — from v16 */
.specific_sites_buttons_fader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;width:80%;max-width:280px;opacity:0;transition:opacity .2s ease;pointer-events:none;}
.similar_grid.cats_style .box:hover .specific_sites_buttons_fader{opacity:1;}
.specific_sites_buttons_fader .specific_sites_btn{pointer-events:auto;display:block;width:100%;text-align:center;font-weight:800;text-decoration:none;border-radius:999px;padding:10px 14px;box-shadow:0 6px 18px rgba(0,0,0,.25);}
.specific_sites_buttons_fader .specific_sites_btn.cta_blue{background:#2f6cff;color:#fff;}
.specific_sites_buttons_fader .specific_sites_btn.cta_green{background:#21c163;color:#06220f;}
.specific_sites_btn.cta_blue::after { content: " \2197"; font-weight: 400; }
.specific_sites_btn.cta_green::after { content: " \2197"; font-weight: 400; }