.popular{max-width:1180px;margin:auto;padding:55px 20px}.popular h2{font-size:27px;margin:8px 0 22px}.popular-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.popular-card{background:#fff;transition:.2s}.popular-card:hover{transform:translateY(-3px)}.popular-image{position:relative;aspect-ratio:1;overflow:hidden;background:#f4f4f4;border-radius:4px}.popular-image img{width:100%;height:100%;object-fit:cover}.popular-card h3{font-size:15px;margin:10px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popular-card p{display:none}.empty-products{grid-column:1/-1;color:#777}

/* Homepage discovery/SEO area uses the exact same content width as the product section above. */
.home-seo-content{width:100%;max-width:1180px;margin:0 auto;padding:34px 20px 70px;border-top:1px solid #e5e5e5}.home-seo-head{max-width:760px;margin:0}.home-seo-head .eyebrow{margin:0 0 9px}.home-seo-head h2{font-size:27px;line-height:1.15;letter-spacing:-.6px;margin:0 0 12px;color:#242424}.home-seo-lead{max-width:720px;margin:0;color:#666;font-size:14px;line-height:1.6}.home-topic-links{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:18px 0 32px}.home-topic-links span{font-size:12px;color:#777;margin-right:2px}.home-topic-links a{display:inline-flex;align-items:center;min-height:29px;padding:5px 11px;border:1px solid #ddd;border-radius:18px;background:#fff;color:#333;font-size:12px}.home-topic-links a:hover{border-color:#1778c9;color:#1778c9}

.interest-section{margin:0 0 44px}.interest-title-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}.interest-title-row h3{margin:0;font-size:19px;letter-spacing:-.2px}.interest-all{color:#1778c9;font-size:12px;font-weight:700;white-space:nowrap}.interest-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.interest-card{display:block;min-width:0;text-align:center}.interest-image{aspect-ratio:1;background:#f5f5f5;border-radius:4px;overflow:hidden;border:1px solid #f0f0f0}.interest-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.interest-card:hover .interest-image img{transform:scale(1.025)}.interest-card strong{display:block;margin-top:8px;padding:0 2px;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.interest-card:hover strong{color:#1778c9}

.home-seo-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding-top:30px;border-top:1px solid #e5e5e5}.home-seo-copy>div{min-width:0}.home-seo-copy h3{margin:0 0 11px;color:#242424;font-size:16px}.home-seo-copy p{margin:0 0 11px;color:#666;font-size:13px;line-height:1.7}.home-seo-copy p:last-child{margin-bottom:0}

@media(max-width:960px){.interest-grid{grid-template-columns:repeat(4,1fr);row-gap:20px}.home-seo-copy{gap:22px}}
@media(max-width:760px){.popular{padding:42px 18px}.popular-grid{grid-template-columns:repeat(2,1fr);gap:10px}.home-seo-content{padding:28px 18px 50px}.home-seo-head h2{font-size:25px}.home-topic-links{margin-bottom:27px}.interest-grid{grid-template-columns:repeat(4,1fr);gap:9px;row-gap:18px}.interest-title-row{align-items:center}.interest-all{font-size:11px}.interest-card strong{font-size:11px}.home-seo-copy{grid-template-columns:1fr;gap:0;padding-top:24px}.home-seo-copy>div{padding:0 0 22px}.home-seo-copy>div+div{padding-top:22px;border-top:1px solid #eee}}
@media(max-width:430px){.interest-grid{grid-template-columns:repeat(2,1fr);gap:12px;row-gap:18px}}

/* V109: keep the lower discovery area visually aligned with the main homepage container. */
.home-seo-content{box-sizing:border-box!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;padding-left:20px!important;padding-right:20px!important}
.interest-grid{align-items:start}
.interest-card{max-width:126px;margin:0 auto;width:100%}
.interest-image{width:100%;max-width:112px;margin:0 auto;aspect-ratio:1/1}
.interest-card strong{font-weight:700;color:#242424}
@media(max-width:760px){.home-seo-content{padding-left:14px!important;padding-right:14px!important}.interest-card{max-width:132px}.interest-image{max-width:118px}}

/* V110: seasonal / occasion discovery */
.seasonal-interest-section{margin-top:4px;margin-bottom:38px;padding:24px 0 30px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.interest-kicker{margin:0 0 5px;font-size:10px;line-height:1.2;font-weight:800;letter-spacing:1.15px;color:#777}
.seasonal-interest-grid{margin-top:2px}
.seasonal-interest-section .interest-title-row{margin-bottom:16px}
.seasonal-interest-section .interest-image{background:#f5f5f5}
.season-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:#b8b8b8;background:linear-gradient(145deg,#f7f7f7,#eeeeee)}
.interest-card-pending .interest-image{border-style:dashed}
.interest-card-pending strong{color:#555}
@media(max-width:760px){.seasonal-interest-section{padding:21px 0 25px;margin-bottom:32px}.seasonal-interest-section .interest-title-row{margin-bottom:13px}}

/* V111: Popular topics = all-time views; mobile stays on one horizontal swipe row */
@media(max-width:760px){
  .home-topic-links{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:8px;margin-left:-14px;margin-right:-14px;padding:0 14px 9px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .home-topic-links::-webkit-scrollbar{display:none}
  .home-topic-links>span{flex:0 0 auto;position:sticky;left:0;z-index:2;background:#fff;padding-right:4px}
  .home-topic-links>a{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start}
}

/* V113: cleaner mobile discovery carousels */
@media(max-width:760px){
  .home-topic-links>span{display:none!important}
  .interest-grid,
  .seasonal-interest-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:10px!important;
    margin-left:-14px;
    margin-right:-14px;
    padding:0 14px 10px;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .interest-grid::-webkit-scrollbar,
  .seasonal-interest-grid::-webkit-scrollbar{display:none}
  .interest-grid .interest-card,
  .seasonal-interest-grid .interest-card{
    flex:0 0 112px!important;
    width:112px!important;
    max-width:112px!important;
    margin:0!important;
    scroll-snap-align:start;
  }
  .interest-grid .interest-image,
  .seasonal-interest-grid .interest-image{
    width:104px!important;
    height:104px!important;
    max-width:none!important;
    margin:0 auto!important;
  }
}
