.featured-newsletter-container{display:grid;grid-template-columns:minmax(280px, 360px) 1fr;gap:36px;align-items:center;background:rgb(var(--color-primary-rgb) / 0.03);border:1px solid rgb(var(--color-primary-rgb) / 0.15);border-radius:28px;padding:36px;margin-bottom:56px;box-shadow:0 4px 20px -2px rgb(var(--color-primary-rgb) / 0.05);}@media (max-width: 900px){.featured-newsletter-container{grid-template-columns:1fr;gap:28px;padding:24px;margin-bottom:40px;}}.featured-cover-box{width:100%;max-width:360px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:20px;padding:14px;box-shadow:0 12px 32px -8px rgb(var(--color-primary-rgb) / 0.12);display:flex;align-items:center;justify-content:center;}.featured-cover-img{width:100%;height:auto;max-height:480px;object-fit:contain !important;border-radius:12px;display:block;}.newsletters-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:28px;}@media (max-width: 1100px){.newsletters-grid{grid-template-columns:repeat(3, 1fr);gap:24px;}}@media (max-width: 768px) and (min-width: 641px){.newsletters-grid{grid-template-columns:repeat(2, 1fr);gap:18px;}}@media (max-width: 640px){.newsletters-grid{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding:8px 4px 24px 4px;margin-left:-0.5rem;margin-right:-0.5rem;padding-left:0.5rem;padding-right:0.5rem;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;}.newsletters-grid::-webkit-scrollbar{display:none;}.newsletters-grid .newsletter-card{flex:0 0 78%;max-width:300px;min-width:240px;scroll-snap-align:center;scroll-snap-stop:normal;border-radius:22px;box-shadow:0 10px 28px -6px rgba(101, 28, 50, 0.12);}}.newsletter-card{background:var(--color-surface-card);border:1px solid var(--color-border-strong);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 16px -2px rgb(var(--color-primary-rgb) / 0.04);transition:transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;}.newsletter-card:hover{transform:translateY(-4px);border-color:rgb(var(--color-primary-rgb) / 0.32);box-shadow:0 12px 28px -6px rgb(var(--color-primary-rgb) / 0.1);}.newsletter-cover-wrapper{position:relative;width:100%;padding:14px;background:rgb(var(--color-primary-rgb) / 0.015);display:flex;align-items:center;justify-content:center;overflow:hidden;}.newsletter-cover-img{width:100%;height:auto;max-height:380px;object-fit:contain !important;border-radius:12px;display:block;box-shadow:0 4px 12px rgba(0, 0, 0, 0.06);border:1px solid var(--color-border);transition:transform 0.3s ease;}.newsletter-card:hover .newsletter-cover-img{transform:scale(1.02);}.newsletter-hover-overlay{position:absolute;inset:14px;background:rgb(var(--color-primary-rgb) / 0.88);backdrop-filter:blur(4px);border-radius:12px;opacity:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;gap:12px;transition:opacity 0.25s ease-in-out;z-index:10;}.newsletter-card:hover .newsletter-hover-overlay{opacity:1;pointer-events:auto;}.newsletter-card-bottom{padding:16px 18px 18px 18px;border-top:1px solid var(--color-border);background:var(--color-surface-card);}