/* ================================================================
   Fashion landing page — hero + filter bar (loads with home.css + mens.css)
   ================================================================ */

/* Hero */
.fh-hero{display:grid;grid-template-columns:1.7fr 1fr;gap:16px;margin:1px 0;}
.fh-hero-main{position:relative;border-radius:var(--hp-radius);overflow:hidden;min-height:340px;background:#f6e7dc center/cover;display:flex;align-items:center;padding:34px 40px;}
.fh-hero-main::before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(250,244,238,.96),rgba(250,244,238,.65) 48%,transparent 72%);}
.fh-hero-text{position:relative;max-width:56%;font-family:var(--hp-font);}
.fh-kicker{font-size:.92rem;font-weight:600;color:#5a4632;}
.fh-hero-text h1{font-size:2.1rem;line-height:1.05;font-weight:800;color:#1a1a1a;margin:2px 0 10px;}
.fh-hero-text h1 span{color:var(--hp-gold-d);display:block;}
.fh-hero-text p{color:#5a5248;font-size:.9rem;max-width:340px;margin-bottom:10px;}
.fh-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
.fh-btn-dark{background:#1a1a1a;color:#fff;font-weight:700;font-size:.85rem;padding:12px 28px;border-radius:8px;text-decoration:none;}
.fh-btn-dark:hover{background:var(--hp-gold-d);}
.fh-btn-light{background:#fff;color:#1a1a1a;font-weight:700;font-size:.85rem;padding:12px 24px;border-radius:8px;text-decoration:none;border:1px solid #e6ddd1;}
.fh-btn-light:hover{border-color:var(--hp-gold);color:var(--hp-gold-d);}
.fh-usps{display:flex;gap:10px;flex-wrap:wrap;}
.fh-usps span{background:#fff;border:1px solid #efe4d6;border-radius:12px;padding:9px 14px;font-size:.74rem;color:#6a6155;display:inline-flex;align-items:center;gap:7px;}
.fh-usps i{color:var(--hp-gold-d);}
.fh-hero-side{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px;}
.fh-card{position:relative;border-radius:14px;overflow:hidden;background:#eee center/cover;text-decoration:none;min-height:158px;display:flex;align-items:center;box-shadow:var(--hp-shadow);transition:.25s;}
.fh-card:hover{transform:translateY(-3px);box-shadow:var(--hp-shadow-lg);}
.fh-card::before{content:'';position:absolute;inset:0;}
.fh-card.c1::before{background:linear-gradient(90deg,rgba(238,229,206,.95),rgba(238,229,206,.4));}
.fh-card.c2::before{background:linear-gradient(90deg,rgba(214,227,238,.95),rgba(214,227,238,.4));}
.fh-card.c3::before{background:linear-gradient(90deg,rgba(248,220,224,.95),rgba(248,220,224,.4));}
.fh-card-in{position:relative;z-index:1;padding:16px 18px;font-family:var(--hp-font);color:#1a1a1a;}
.fh-card-in b{display:block;font-size:1.1rem;font-weight:800;line-height:1.1;}
.fh-card-sub{display:block;font-size:.76rem;color:#6a6155;margin:2px 0 8px;}
.fh-card-btn{display:inline-block;background:#1a1a1a;color:#fff;font-size:.68rem;font-weight:700;padding:6px 14px;border-radius:16px;}

/* Filter bar — desktop full */
.ff-full{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--hp-line);border-radius:14px;box-shadow:var(--hp-shadow);padding:14px 16px;margin:8px 0 14px;font-family:var(--hp-font);}
.ff-allbtn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.82rem;color:#1a1a1a;padding-right:12px;border-right:1px solid var(--hp-line);}
.ff-allbtn i{color:var(--hp-gold-d);}
.ff-field{display:flex;flex-direction:column;gap:3px;min-width:112px;flex:1;}
.ff-field span{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--hp-muted);}
.ff-field select{border:1px solid var(--hp-line);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:.8rem;color:#1a1a1a;background:#fff;outline:none;cursor:pointer;}
.ff-field select:focus{border-color:var(--hp-gold);}
.ff-btn{background:var(--hp-gold);color:#1a1a1a;border:none;font-weight:800;font-size:.82rem;padding:11px 22px;border-radius:8px;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:8px;}
.ff-btn:hover{background:var(--hp-gold-d);}

/* Filter bar — mobile Meesho compact */
.ff-compact{display:none;background:#fff;border:1px solid var(--hp-line);border-radius:12px;box-shadow:var(--hp-shadow);overflow:hidden;margin:8px 0 14px;font-family:var(--hp-font);}
.ff-cf{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:13px 8px;font-size:.82rem;font-weight:600;color:#333;text-decoration:none;border-right:1px solid var(--hp-line);}
.ff-cf:last-child{border-right:none;} .ff-cf i{color:#666;}

@media (max-width:900px){
  .fh-hero{grid-template-columns:1fr;} .fh-hero-side{grid-template-rows:none;grid-template-columns:repeat(2,1fr);}
  .fh-hero-text{max-width:72%;} .fh-hero-text h1{font-size:2.1rem;}
}
@media (max-width:768px){
  .ff-full{display:none;} .ff-compact{display:flex;}
}
@media (max-width:560px){
  .fh-hero-main{min-height:260px;padding:24px;} .fh-hero-text{max-width:88%;} .fh-hero-text h1{font-size:1.7rem;}
  .fh-hero-side{grid-template-columns:repeat(2,1fr);}
}