
/* UI Phase 4A — Categories landing */
.categories-page{background:linear-gradient(180deg,#fbf8f0 0%,#f5eedf 48%,#f8f2e7 100%)}
.categories-hero{border-bottom:1px solid var(--c-line);position:relative;overflow:hidden}
.categories-hero:after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-170px;top:-210px;border:1px solid rgba(11,43,30,.055);box-shadow:0 0 0 70px rgba(11,43,30,.025),0 0 0 140px rgba(11,43,30,.018);pointer-events:none}
.categories-hero-inner{padding:50px 0 38px;display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:end;position:relative;z-index:1}
.categories-copy h1{font-family:Fraunces,Georgia,serif;font-size:clamp(46px,5.4vw,72px);line-height:.93;letter-spacing:-.04em;margin:10px 0 15px}
.categories-copy h1 em{display:block;color:var(--c-terra);font-weight:600}
.categories-copy p{max-width:540px;color:var(--c-muted);font-size:14px;line-height:1.65}
.category-finder{background:rgba(255,253,248,.88);border:1px solid var(--c-line);border-radius:23px;padding:15px;box-shadow:0 16px 40px rgba(70,51,18,.055)}
.category-finder-head{display:flex;justify-content:space-between;gap:18px;align-items:baseline;padding:0 4px 9px}
.category-finder-head span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#94681c;font-weight:900}
.category-finder-head strong{font-family:Fraunces,Georgia,serif;color:var(--c-forest);font-size:16px}
.category-finder-box{height:58px;border:1px solid rgba(24,25,20,.12);border-radius:16px;background:#fff;display:flex;align-items:center;gap:11px;padding:0 14px;color:#436050}
.category-finder-box:focus-within{border-color:rgba(201,74,52,.48);box-shadow:0 0 0 3px rgba(201,74,52,.07)}
.category-finder-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:14px;color:var(--c-ink)}
.category-finder-box button{border:0;background:#f1e9db;width:30px;height:30px;border-radius:9px;color:#746c5e;display:none;font-size:18px}
.category-finder-box button.show{display:grid;place-items:center}
.category-finder-quick{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 4px 0}
.category-finder-quick span{font-size:10px;color:#7f786c;font-weight:700}
.category-finder-quick a{font-size:10px;color:#5f5a50;padding:6px 9px;border:1px solid rgba(24,25,20,.08);background:#f7f0e5;border-radius:999px}
.category-summary{background:#fffaf2;border-bottom:1px solid var(--c-line)}
.category-summary-inner{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.category-summary-stats{display:flex;gap:22px;align-items:center;color:#746d61;font-size:10px}
.category-summary-stats b{font-family:Fraunces,Georgia,serif;color:var(--c-ink);font-size:14px;margin-right:4px}
.category-summary a{font-size:10px;color:var(--c-forest);font-weight:800}
.categories-main{padding:34px 0 55px}
.categories-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.categories-section-head h2{font-family:Fraunces,Georgia,serif;font-size:28px;line-height:1;margin:0 0 5px}
.categories-section-head p{margin:0;color:var(--c-muted);font-size:11px}
.category-count-label{font-size:10px;color:#7c7468}
.category-grid-v4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.category-card-v4{min-height:300px;border-radius:21px;overflow:hidden;position:relative;background:var(--c-forest2);color:#fff;box-shadow:0 13px 30px rgba(44,35,19,.07);isolation:isolate}
.category-card-v4>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.category-card-v4:hover>img{transform:scale(1.045)}
.category-card-v4:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,29,21,.04) 20%,rgba(7,29,21,.35) 58%,rgba(7,29,21,.92) 100%);z-index:1}
.category-card-top{position:absolute;left:13px;right:13px;top:13px;z-index:3;display:flex;justify-content:space-between;align-items:start;gap:10px}
.category-card-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(7,29,21,.68);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px);font-size:18px}
.category-card-arrow{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:rgba(255,250,242,.9);color:var(--c-forest);font-size:15px;font-weight:900}
.category-card-body{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:18px}
.category-card-body h3{font-family:Fraunces,Georgia,serif;font-size:23px;line-height:1.03;margin:0 0 7px}
.category-card-body p{color:#d4dfd8;font-size:10px;line-height:1.45;margin:0 0 12px;min-height:29px}
.category-card-meta{display:flex;gap:6px;flex-wrap:wrap}
.category-card-meta span{font-size:9px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.11);color:#eff4f0}
.category-card-meta span.gold{background:rgba(227,185,79,.14);border-color:rgba(240,205,115,.2);color:var(--c-gold-light)}
.category-card-specialties{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}
.category-card-specialties i{font-style:normal;font-size:8px;color:#c1d0c6}
.category-empty{grid-column:1/-1;padding:55px 20px;border:1px dashed rgba(24,25,20,.18);border-radius:20px;text-align:center;color:var(--c-muted);background:rgba(255,250,242,.55)}
.category-empty strong{display:block;font-family:Fraunces,Georgia,serif;color:var(--c-ink);font-size:22px;margin-bottom:5px}
.category-help{background:linear-gradient(135deg,#efca68,#e3b94f 60%,#d9aa3e);border-top:1px solid rgba(24,25,20,.08)}
.category-help-inner{padding:32px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}
.category-help span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#6f4c13}
.category-help h2{font-family:Fraunces,Georgia,serif;font-size:30px;margin:5px 0 4px}
.category-help p{font-size:11px;color:#584a2d;margin:0}
.category-help-actions{display:flex;gap:9px}
.category-help-actions a{padding:11px 14px;border-radius:12px;font-size:11px;font-weight:850}
.category-help-actions a:first-child{background:var(--c-forest);color:#fff}.category-help-actions a:last-child{border:1px solid rgba(11,43,30,.25);color:var(--c-forest)}
@media(max-width:1000px){.category-grid-v4{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){
  .categories-hero-inner{grid-template-columns:1fr;gap:25px;padding:36px 0 30px}
  .categories-copy h1{font-size:50px}.category-grid-v4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .categories-copy h1{font-size:43px}.category-finder-head{align-items:flex-start;flex-direction:column;gap:3px}
  .category-summary-inner{padding:10px 0;align-items:flex-start}.category-summary-stats{gap:13px;flex-wrap:wrap}
  .categories-section-head{align-items:flex-start;flex-direction:column}
  .category-grid-v4{display:flex;overflow-x:auto;gap:11px;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 1px 7px}
  .category-grid-v4::-webkit-scrollbar{display:none}
  .category-card-v4{flex:0 0 min(82vw,320px);min-height:360px;scroll-snap-align:start}
  .category-help-inner{align-items:flex-start;flex-direction:column}.category-help-actions{width:100%}.category-help-actions a{flex:1;text-align:center}
}

/* Phase 4.1: more category areas stay clean; empty areas are opportunities, not zero-count dead ends. */
.category-card-meta .gold{font-weight:800}
