:root {
  --wak-primary:#0B1F44;
  --wak-accent:#FFB606;
  --wak-secondary:#1F6FEB;
}

.wak-site {font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:#0f172a;}
.wak-container{max-width:1200px;margin:0 auto;padding:0 1rem;}

.wak-hero{position:relative;padding:6rem 0;background:#F9FAFB;}
.wak-hero[style*="background-image"]{background-size:cover;background-position:center;}
.wak-hero::after{content:"";position:absolute;inset:0;background:#fff;opacity:.75;}
.wak-hero > .wak-container{position:relative;z-index:2;}
.wak-hero-title{font-family:Poppins, Inter, system-ui, sans-serif;font-weight:800;line-height:1.1;color:var(--wak-primary);font-size:clamp(32px,5vw,56px);}
.wak-hero-sub{margin-top:.5rem;color:#334155;font-size:1.1rem;max-width:720px;}

.wak-search{margin-top:1rem;display:flex;gap:.75rem;flex-wrap:wrap;}
.wak-search form{flex:1;display:flex;gap:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:.4rem .5rem;box-shadow:0 6px 16px rgba(0,0,0,.06);}
.wak-search input{flex:1;border:0;outline:0;padding:.6rem .4rem;}
.wak-search button{background:var(--wak-primary);color:#fff;border:0;border-radius:12px;padding:.6rem 1rem;font-weight:700;}
.wak-btn-accent{background:var(--wak-accent);color:#000;border:0;border-radius:12px;padding:.7rem 1rem;font-weight:700;text-decoration:none;display:inline-grid;place-items:center;}

.wak-stats{margin-top:1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;}
.wak-stat{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1rem;text-align:center;box-shadow:0 6px 16px rgba(0,0,0,.06);}
.wak-stat .v{font-size:1.5rem;font-weight:800;color:var(--wak-primary);}
.wak-stat .l{color:#64748b;font-size:.9rem;}

.wak-section{padding:3rem 0;}
.wak-section-bordered{background:#fff;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;}
.wak-section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;}
.wak-section-head h2{font-family:Poppins, Inter, system-ui, sans-serif;font-weight:800;color:var(--wak-primary);font-size:clamp(22px,3vw,32px);}
.wak-link{color:var(--wak-secondary);text-decoration:none;font-weight:700;}

.wak-cats{margin-top:1rem;display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;}
.wak-cat{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1rem;text-decoration:none;color:#0f172a;transition:.2s;box-shadow:0 6px 16px rgba(0,0,0,.06);}
.wak-cat:hover{border-color:var(--wak-secondary);transform:translateY(-2px);}
.wak-cat-icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--wak-primary);color:var(--wak-accent);font-weight:900;}
.wak-cat-name{display:block;margin-top:.5rem;font-weight:700;}
.wak-cat-count{display:block;color:#64748b;font-size:.85rem;}

.wak-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
.wak-card{border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 18px rgba(0,0,0,.06);}
.wak-card-thumb{display:block;height:180px;background:#f1f5f9;}
.wak-card-thumb img{width:100%;height:100%;object-fit:cover;}
.wak-thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e5e7eb,#f1f5f9);}
.wak-card-body{padding:1rem;}
.wak-card-title{margin:0;font-size:1rem;font-weight:700;}
.wak-card-title a{text-decoration:none;color:#0f172a;}
.wak-card-meta{color:#64748b;font-size:.9rem;margin-top:.25rem;}
.wak-card-row{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;}
.wak-price{font-weight:800;color:var(--wak-primary);}
.wak-btn-primary{background:var(--wak-primary);color:#fff;border-radius:12px;padding:.5rem .9rem;text-decoration:none;font-weight:700;}

.wak-strip{padding:1.2rem 0;background:var(--wak-primary);color:#fff;}
.wak-strip .wak-container{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.wak-strip .wak-btn-accent{background:var(--wak-accent);}

.wak-faq{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem;}
.wak-faq details{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;}

/* Responsive */
@media (max-width: 1024px){
  .wak-cats{grid-template-columns:repeat(3,1fr);}
  .wak-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width: 640px){
  .wak-stats{grid-template-columns:repeat(2,1fr);}
  .wak-cats{grid-template-columns:repeat(2,1fr);}
  .wak-grid{grid-template-columns:1fr;}
  .wak-faq{grid-template-columns:1fr;}
}