.dyester-dearflip-grid { --dyester-media-accent: #168eb7; width: 100%; overflow: visible; }
.dyester-dearflip-grid__inner.e-con-inner {
  width: 100%;
  max-width: min(100%, var(--content-width, var(--container-max-width, 1140px)));
  margin-inline: auto;
  box-sizing: border-box;
  display: block;
}
/* The parent Elementor container is already Full Width.
   Keep the filter band native-width; only the inner labels are content-boxed. */
.dyester-dearflip-grid__filter-band {
  width: 100%;
  margin: 0 0 56px;
  box-sizing: border-box;
  background-color: #fff;
  border-style: solid;
  border-width: 0 0 1px;
  border-color: #e1e3e7;
}
.dyester-dearflip-grid__filter-inner { padding: 8px 0; }
.dyester-dearflip-grid__filters { display:flex; align-items:center; flex-wrap:wrap; gap:24px; margin:0; padding:0; border:0; }
.dyester-dearflip-grid__filter { position:relative; display:inline-block; padding:10px 0; color:#717984; text-decoration:none; font-size:14px; transition:color .2s; }
.dyester-dearflip-grid__filter:hover, .dyester-dearflip-grid__filter:focus-visible, .dyester-dearflip-grid__filter.is-active { color:var(--dyester-media-accent); }
.dyester-dearflip-grid__filter.is-active::after { content:''; position:absolute; height:2px; bottom:-9px; left:0; right:0; background:currentColor; }
.dyester-dearflip-grid__heading { color:#737f8b; font-size:14px; font-weight:500; letter-spacing:.09em; line-height:1.4; text-transform:uppercase; margin:0 0 32px; }
.dyester-dearflip-grid__items { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); column-gap:24px; row-gap:24px; align-items:start; }
.dyester-dearflip-grid__item { min-width:0; }
.dyester-dearflip-grid__item[hidden], .dyester-dearflip-grid__empty[hidden] { display:none!important; }
.dyester-dearflip-grid__cover { width:100%; min-width:0; margin-bottom:16px; }
.dyester-dearflip-grid__cover ._df_thumb, .dyester-dearflip-grid__cover .df-popup-thumb { width:100%!important; max-width:100%!important; float:none!important; margin:0!important; box-sizing:border-box; }
.dyester-dearflip-grid__cover .df-popup-thumb img { max-width:100%; height:auto; }
.dyester-dearflip-grid__cover .df-popup-thumb span.df-book-title, .dyester-dearflip-grid__cover ._df_thumb ._df_book-title { display:none!important; }
.dyester-dearflip-grid__month { margin:0 0 5px; color:var(--dyester-media-accent); font-size:11px; font-weight:600; letter-spacing:.06em; line-height:1.4; text-transform:uppercase; transition:color .2s; }
.dyester-dearflip-grid__title { color:#293b4e; font-size:15px; line-height:1.5; overflow-wrap:anywhere; transition:color .2s; }
.dyester-dearflip-grid__item:hover .dyester-dearflip-grid__month, .dyester-dearflip-grid__item:focus-within .dyester-dearflip-grid__month, .dyester-dearflip-grid__item:active .dyester-dearflip-grid__month { color:#186e9d; }
.dyester-dearflip-grid__item:hover .dyester-dearflip-grid__title, .dyester-dearflip-grid__item:focus-within .dyester-dearflip-grid__title, .dyester-dearflip-grid__item:active .dyester-dearflip-grid__title { color:var(--dyester-media-accent); }
@media(max-width:1024px){ .dyester-dearflip-grid__items{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px){ .dyester-dearflip-grid__items{ grid-template-columns:minmax(0,1fr); } .dyester-dearflip-grid__filters{gap:18px;margin-bottom:32px;} }

/* The editor-only placeholder is not a custom DearFlip lightbox trigger. */
.dyester-dearflip-grid__editor-fallback img { display:block; width:100%; height:auto; }
.dyester-dearflip-grid__editor-fallback { display:block; min-height:80px; color:#6b7280; }