/* =========================================================
   home.css — homepage only
========================================================= */

.home-hero{padding:8px 0 28px}
.home-hero .eyebrow{font-size:13px;letter-spacing:4px;color:#b80016;font-weight:700;margin:0 0 10px}
.home-hero h1{font-size:clamp(36px,4vw,60px);line-height:1.04;letter-spacing:-1.8px;font-weight:850;margin:0 0 8px;color:#101418}
.home-hero h1 span{display:block;color:#c90019}
.home-hero p{font-size:17px;line-height:1.5;color:#5f6773;margin:0 0 20px;max-width:640px}

.home-search{height:49px;border:1px solid #e1e4e8;border-radius:10px;display:flex;align-items:center;overflow:hidden;background:#fff}
.home-search input{flex:1;min-width:0;height:100%;border:0;outline:0;padding:0 17px;font-size:16px;background:#fff}
.home-search .search-symbol{font-size:22px;padding-left:16px;color:#111}
.home-search button{align-self:stretch;border:0;background:#c40019;color:#fff;font-weight:800;padding:0 32px;cursor:pointer;font-size:14px}

.home-popular-searches{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:13px;font-size:12px}
.home-popular-searches strong{margin-right:3px}
.home-popular-searches a{border-radius:20px;background:#f2f3f5;padding:8px 14px;color:#262a30;text-decoration:none}

.home-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}
.home-category-card{height:125px;position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-radius:9px;text-decoration:none;color:#fff;background:#272727}
.home-category-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.home-category-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.83))}
.home-category-card:hover img{transform:scale(1.04)}
.home-category-card strong{position:relative;z-index:1;text-align:center;padding:0 5px 11px;font-size:14px;line-height:1.15;font-weight:800;text-shadow:0 1px 3px #000}

/* Below-the-fold sections: browser skips rendering work until scrolled near */
.home-section.is-deferred{content-visibility:auto;contain-intrinsic-size:auto 520px}

.home-about{border-top:1px solid #eceef1;padding-top:22px;margin-top:8px;color:#3d434c;font-size:15px;line-height:1.7}
.home-about h2{font-size:20px;margin:0 0 10px;color:#101418;font-weight:850}
.home-about p{margin:0 0 12px;max-width:820px}

@media (min-width:901px) and (max-width:1200px){
  .home-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:900px){
  .home-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-hero h1{font-size:44px}
}
@media (max-width:600px){
  .home-hero{padding:4px 0 24px;text-align:center;display:flex;flex-direction:column;align-items:center}
  .home-hero .eyebrow{font-size:11px;letter-spacing:2.8px}
  .home-hero h1{font-size:clamp(31px,8.5vw,38px);line-height:1.08;letter-spacing:-1px}
  .home-hero p{font-size:14px}
  .home-search{width:100%;height:47px;text-align:left}
  .home-search button{padding:0 17px}
  .home-popular-searches{justify-content:center;gap:6px}
  .home-popular-searches strong{width:100%}
  .home-popular-searches a{padding:8px 11px;font-size:12px}
  .home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}