body{background:#f7f8fb}
/* Global Site Navigation Header - exact match with rest of Mekarvim.co */
.shell {
  width: min(1160px, calc(100% - 40px));
  margin-inline: auto;
}
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(5, 24, 52, 0.94);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
  box-shadow: 0 10px 40px rgba(1, 12, 31, 0.12);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  font-family: "Manrope Variable", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  width: 100%;
}
.site-header .header-inner {
  min-height: 76px;
  display: flex;
  align-items: center;
  gap: 28px;
}
.site-header .brand {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  margin-right: auto;
  line-height: 1.05;
  color: #ffffff;
}
.site-header .brand span {
  font-family: "Manrope Variable", "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 1.4rem;
  font-weight: 760;
  letter-spacing: -0.045em;
  color: #ffffff;
}
.site-header .brand small {
  margin-top: 5px;
  text-transform: uppercase;
  letter-spacing: 0.13em;
  font-size: 0.61rem;
  color: #9bbde4;
  font-weight: 700;
}
.site-header nav {
  display: flex;
  gap: 24px;
  align-items: center;
}
.site-header nav a,
.site-header .sign-in {
  font-size: 0.9rem;
  font-weight: 700;
  text-decoration: none;
  color: #ffffff;
}
.site-header nav a:hover {
  color: #8fc8ff;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.site-header nav a.active {
  color: #8fc8ff;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.site-header .sign-in-cluster {
  display: flex;
  align-items: center;
  gap: 10px;
}
.site-header .sign-in {
  border: 1px solid rgba(255, 255, 255, 0.42);
  background: rgba(255, 255, 255, 0.07);
  padding: 9px 15px;
  border-radius: 999px;
  transition: all 0.15s ease;
}
.site-header .sign-in:hover {
  background: #ffffff;
  color: #0a3670;
  text-decoration: none;
}
@media (max-width: 980px) {
  .site-header .header-inner {
    flex-wrap: wrap;
    padding-block: 12px;
    gap: 12px;
    min-height: auto;
  }
  .site-header nav {
    gap: 16px;
    font-size: 0.82rem;
    overflow-x: auto;
    width: 100%;
    order: 3;
    padding-bottom: 4px;
  }
}
@media (max-width: 680px) {
  .shell {
    width: min(100% - 24px, 1160px);
  }
  .site-header .header-inner {
    min-height: 66px;
  }
  .site-header .sign-in {
    padding: 7px 11px;
    font-size: 0.78rem;
  }
}
.flyers-hero{background:radial-gradient(ellipse at 85% 10%,#e2eaff,transparent 55%),#f7f8fb;color:#16345b;padding:24px max(24px,5vw) 26px}.flyers-hero small{color:#164a8a;letter-spacing:.22em}.flyers-hero h1{font-size:clamp(34px,4.6vw,62px);letter-spacing:-.035em;line-height:1.06;margin:28px 0 14px;max-width:950px}.flyers-hero h1 em{color:#2762c0;font-style:italic}.flyers-hero p{color:#627189;max-width:720px;font-size:16px;line-height:1.6}.brand-row{display:flex;justify-content:space-between;align-items:center}.archive-label{font-size:12px;color:#607087;border:1px solid #dbe1ec;border-radius:30px;padding:7px 12px}main{padding-top:0}.discovery-bar{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:12px 0 18px}.view-tabs{display:flex;gap:5px;padding:5px;background:#e9edf5;border-radius:30px;flex-shrink:0}.view-tabs button{border-radius:24px;background:transparent;color:#52657f;padding:11px 20px;white-space:nowrap}.view-tabs button[aria-pressed=true]{background:#153e73;color:white;box-shadow:0 3px 8px #12345618}.search{max-width:510px}.search input{width:100%;border-radius:30px;padding:13px 20px;border-color:#d7dfeb;background:white}.search span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.filter-drawer{margin:0 0 20px}.filter-drawer>summary{cursor:pointer;font-size:13px;color:#47658b;list-style:none;display:inline-block;border:1px solid #d9e1ed;border-radius:20px;padding:8px 14px;background:#fff}.filter-drawer>summary:after{content:' +';margin-left:8px}.filter-drawer[open]>summary:after{content:' −'}.filter-drawer .toolbar{margin-top:12px}.summary{margin:20px 0 22px}.collection-heading h2{font-family:Georgia,serif;font-size:27px;font-weight:400;letter-spacing:-.02em;margin:0 0 6px;color:#173e6d}.collection-heading p{font-size:13px;margin:0;line-height:1.5}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.card{border:0;border-radius:15px;background:white;box-shadow:0 3px 12px #243c5e09;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #243c5e18}.image-button{height:345px;padding:20px;position:relative;background:#e7eafb;border-radius:15px 15px 0 0}.card:nth-child(4n+2) .image-button{background:#e2eeea}.card:nth-child(4n+3) .image-button{background:#f4eadd}.card:nth-child(4n+4) .image-button{background:#e6eaf2}.image-button img{filter:drop-shadow(0 6px 7px #16294135);transition:transform .25s}.image-button:hover img{transform:scale(1.035)}.body{padding:20px}.body h2{font-size:18px;line-height:1.35;letter-spacing:-.02em;margin:0 0 10px}.idea-why{font-size:13px;line-height:1.6;color:#62718a;margin:0 0 15px}.card-foot{padding-top:12px;border-top:1px solid #f0f2f7}.card-foot button{padding:0;background:transparent;color:#20589b;font-size:12px}.meta{margin-bottom:10px;color:#557299;font-weight:650;text-transform:uppercase;font-size:10px;letter-spacing:.1em}.tag{background:#f0f4fa}.pick-number{position:absolute;top:12px;left:12px;z-index:1;background:#fff;color:#224c7e;font-size:10px;letter-spacing:.06em;border-radius:30px;padding:6px 10px;box-shadow:0 2px 8px #00000009}.notice{margin-top:30px}.empty{grid-column:1/-1}.category-sections{display:grid;gap:72px}.category-section{scroll-margin-top:20px}.category-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:0 0 20px;padding-bottom:15px;border-bottom:1px solid #dce4ef}.category-heading p{margin:0 0 4px;color:#4174ac;font-size:11px;font-weight:800;letter-spacing:.12em}.category-heading h3{margin:0;color:#173e6d;font-family:Georgia,serif;font-size:clamp(29px,4vw,44px);font-weight:400}.category-heading span{display:block;margin-top:7px;color:#68798e;font-size:13px}.category-heading a{color:#315f91;font-size:12px;font-weight:700;text-decoration:none}.category-heading a:hover{text-decoration:underline}@media(min-width:1700px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1050px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.image-button{height:310px}.view-tabs button{padding-inline:15px}}@media(max-width:720px){.flyers-hero{padding:22px 18px}.archive-label{font-size:10px}.flyers-hero h1{margin-top:22px}.flyers-hero p{font-size:14px}.discovery-bar{flex-direction:column;align-items:stretch;gap:12px}.search{max-width:none;flex:initial}.view-tabs{align-self:stretch;max-width:100%;overflow-x:auto}.view-tabs button{padding:10px 14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.image-button{height:250px;padding:14px}.body{padding:13px}.body h2{font-size:15px}.idea-why{font-size:12px}.summary{flex-direction:row;align-items:center}.summary #saved{display:none}.collection-heading h2{font-size:24px}.pick-number{font-size:9px;padding:4px 7px;top:7px;left:7px}.category-sections{gap:50px}.category-heading a{display:none}}@media(max-width:420px){.image-button{height:218px;padding:12px}.body h2{font-size:14px}.tags{gap:3px}.tag{font-size:10px;padding:3px 6px}.view-tabs button{font-size:12px}}@media(prefers-reduced-motion:reduce){.card,.image-button img{transition:none}.card:hover,.image-button:hover img{transform:none}}