/* FitFashFun shop cards & closet links (added Sep 2026) */
.shop-grid { margin: 1.25rem 0 2.25rem; }
.shop-card { background: #fff; border: 1px solid #ece8e4; height: 100%; display: flex; flex-direction: column; transition: box-shadow .2s ease, transform .2s ease; }
.shop-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.08); transform: translateY(-2px); }
.shop-card img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; object-position: top center; display: block; background: #f5f2ef; }
.shop-card-body { padding: .8rem .85rem 1rem; display: flex; flex-direction: column; flex: 1; }
.post-content .shop-card h5, .shop-card h5 { font-family: var(--font-secondary); font-size: .88rem; line-height: 1.35; font-weight: 500; margin: 0 0 .35rem; }
.shop-card h5 a { color: #212529; text-decoration: none; }
.post-content .shop-card p.shop-meta, .shop-card p.shop-meta { font-family: var(--font-secondary); font-size: .74rem; color: #6c757d; margin: 0 0 .35rem; line-height: 1.4; }
.post-content .shop-card p.shop-price, .shop-card p.shop-price { font-family: var(--font-secondary); font-size: .95rem; font-weight: 600; color: #212529; margin: 0 0 .8rem; line-height: 1.4; }
.shop-price s { color: #9a9a9a; font-weight: 400; font-size: .82rem; margin-left: .25rem; }
.shop-price .alt { display: block; font-weight: 400; font-size: .78rem; color: #6c757d; }
.shop-btns { margin-top: auto; display: flex; gap: .4rem; }
.shop-btn { flex: 1; text-align: center; font-family: var(--font-secondary); font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; padding: .5rem .3rem; border: 1px solid #212529; color: #212529 !important; background: #fff; text-decoration: none !important; white-space: nowrap; transition: all .15s ease; }
.shop-btn.primary { background: #212529; color: #fff !important; }
.shop-btn:hover { background: #b0305c; border-color: #b0305c; color: #fff !important; }
.shop-cta { display: inline-block; margin: .3rem; padding: .85rem 1.6rem; font-family: var(--font-secondary); font-size: .78rem; letter-spacing: .09em; text-transform: uppercase; background: #212529; color: #fff !important; border: 1px solid #212529; text-decoration: none !important; transition: all .15s ease; }
.shop-cta.outline { background: transparent; color: #212529 !important; }
.shop-cta:hover { background: #b0305c; border-color: #b0305c; color: #fff !important; }
.post-content h3.trend-heading, .post-content h3.shop-section-title { font-size: 1.6rem; margin: 2.5rem 0 1rem; }
.shop-note { font-size: .9rem !important; color: #6c757d; margin-top: 1rem; }
.trend-sources { font-size: .9rem !important; color: #6c757d; margin-top: 2rem; }
img.thumb-crop { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: top center; }
.footer-blog-entry img.thumb-sq { width: 80px; height: 80px; max-width: 80px; object-fit: cover; object-position: top center; }
@media (max-width: 575px) { .shop-btns { flex-direction: column; } .shop-cta { display: block; margin: .5rem 0; } }
/* Homepage closet panels (replaced affiliate ads) */
.closet-panel { border: 1px solid #ece8e4; padding: 1rem; background: #fff; margin-bottom: 1.5rem; }
.closet-panel .mini-item { display: flex; flex-direction: column; text-decoration: none; color: #212529; margin-bottom: 1rem; }
.closet-panel .mini-item img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; object-position: top center; background: #f5f2ef; margin-bottom: .4rem; }
.closet-panel .mini-title { font-family: var(--font-secondary); font-size: .85rem; line-height: 1.3; }
.closet-panel .mini-price { font-family: var(--font-secondary); font-size: .9rem; font-weight: 600; }
.poshmark-widget-block { margin-bottom: 1.5rem; }
.closet-panel { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; align-items: start; }
.closet-panel > .aside-title, .closet-panel > .shop-cta, .closet-panel > p { grid-column: 1 / -1; }
.closet-panel .mini-item { margin-bottom: 0; }

/* Oct 2026 article refresh */
.post-content img.post-hero { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.health-note { font-size: .9rem !important; color: #6c757d; border-left: 3px solid #b0305c; padding-left: .9rem; margin-top: 2rem; }

/* Oct 5 2026 new article photos: show whole photo */
.post-content img.post-hero { aspect-ratio: auto; height: auto; width: 100%; object-fit: initial; }
.post-content img.post-hero.portrait { width: auto; max-width: 100%; max-height: 720px; display: block; margin-left: auto; margin-right: auto; }

/* Sidebar: Shop the Closet (replaces Poshmark widget) */
.shop-models .model-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-bottom: .9rem; }
.shop-models .model-grid a { display: block; overflow: hidden; background: #f5f2ef; }
.shop-models .model-grid img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; object-position: top center; display: block; transition: transform .25s ease; }
.shop-models .model-grid a:hover img { transform: scale(1.04); }
.shop-models .model-links { display: flex; flex-direction: column; gap: .4rem; }
.shop-models .model-links .shop-btn { flex: none; padding: .6rem .5rem; font-size: .72rem; }
