/* Public chrome — shared across all no-login pages */
:root{
  --brand:#4f46e5;--brand-dark:#3730a3;--ink:#1e293b;--muted:#64748b;--line:#e2e8f0;--bg:#f1f5f9;
}
*{box-sizing:border-box}
body.pub{margin:0;font-family:Roboto,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.45;min-height:100vh;display:flex;flex-direction:column}
a{text-decoration:none;color:inherit}
.pub-wrap{width:100%;max-width:1400px;margin:0 auto;padding:0 16px}
.pub-bleed{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);position:relative}

.pub-top{background:#0f172a;color:#94a3b8;font-size:12px}
.pub-top .pub-wrap{display:flex;justify-content:space-between;align-items:center;min-height:34px;gap:10px;flex-wrap:wrap}
.pub-top a{color:#c7d2fe;margin-left:12px;font-weight:500}
.pub-top a:hover{color:#fff}

.pub-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:300;box-shadow:0 1px 6px rgba(15,23,42,.06)}
.pub-header .pub-wrap{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:64px;padding-top:8px;padding-bottom:8px}
.pub-logo{display:flex;align-items:center;gap:8px;font-weight:900;font-size:20px;color:var(--brand)}
.pub-logo .mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;display:grid;place-items:center;font-size:12px;flex-shrink:0}

/* Search — fixed compact height (never full-width button from page CSS) */
.pub-header .pub-search{display:flex;width:100%;max-width:640px;margin:0 auto;height:40px}
.pub-header .pub-search input{
  flex:1;min-width:0;height:40px;border:2px solid var(--brand);border-right:0;
  border-radius:6px 0 0 6px;padding:0 12px;font-size:14px;outline:0;background:#fff;
  width:auto!important;max-width:none;
}
.pub-header .pub-search button{
  height:40px;width:auto!important;flex:0 0 auto;background:var(--brand);color:#fff;border:0;
  padding:0 18px;border-radius:0 6px 6px 0;font-weight:700;cursor:pointer;font-size:13px;
  margin:0!important;
}
.pub-header .pub-search button:hover{background:var(--brand-dark)}

.pub-actions{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;white-space:nowrap}
.pub-actions .btn-track{
  display:inline-flex;align-items:center;height:40px;padding:0 14px;border-radius:8px;
  border:1.5px solid var(--line);background:#fff;color:var(--ink);
}
.pub-actions .btn-track:hover,.pub-actions .btn-track.on{border-color:var(--brand);color:var(--brand);background:#eef2ff}
.pub-actions .btn-login{
  display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:8px;
  background:var(--brand);color:#fff!important;
}
.pub-actions .btn-login:hover{background:var(--brand-dark)}

.pub-cats{background:#fff;border-bottom:1px solid var(--line)}
.pub-cats .pub-wrap{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pub-cats .pub-wrap::-webkit-scrollbar{display:none}
.pub-cats a{flex:0 0 auto;padding:11px 14px;font-size:13px;font-weight:600;border-bottom:2px solid transparent;white-space:nowrap;color:#334155}
.pub-cats a:hover,.pub-cats a.on{color:var(--brand);border-bottom-color:var(--brand)}

.pub-main{flex:1;width:100%}
.pub-foot{background:#0f172a;color:#94a3b8;margin-top:auto;padding:32px 0 18px;font-size:13px;width:100%}
.pub-foot .grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:20px;margin-bottom:18px}
.pub-foot strong{color:#fff;display:block;margin-bottom:10px}
.pub-foot a{display:block;color:#94a3b8;margin:6px 0}
.pub-foot a:hover{color:#fff}
.pub-foot .copy{border-top:1px solid #1e293b;padding-top:14px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;color:#64748b}
.pub-wa{position:fixed;right:16px;bottom:16px;z-index:999;background:#25D366;color:#fff;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;box-shadow:0 4px 16px rgba(0,0,0,.25)}
.pub-wa svg{width:28px;height:28px}

@media(max-width:900px){
  .pub-header .pub-wrap{
    grid-template-columns:1fr auto;
    grid-template-areas:
      "logo actions"
      "search search";
    gap:8px 10px;
    align-items:center;
    min-height:0;
    padding-top:10px;
    padding-bottom:10px;
  }
  .pub-logo{grid-area:logo}
  .pub-header .pub-search{grid-area:search;max-width:none;width:100%;margin:0}
  .pub-actions{grid-area:actions;justify-self:end}
  .pub-foot .grid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .pub-actions .btn-track,.pub-actions .btn-login{height:34px;padding:0 10px;font-size:12px}
  .pub-header .pub-search,.pub-header .pub-search input,.pub-header .pub-search button{height:36px}
  .pub-logo{font-size:18px}
  .pub-logo .mark{width:30px;height:30px;font-size:11px}
}

/* Snapdeal-like category strip */
.sd-cat-bar,.pub-cat-bar{
  background:#fff;border-bottom:1px solid #e8edf3;box-shadow:0 1px 0 rgba(15,23,42,.04)
}
.sd-cat-bar .inner,.pub-cat-bar .inner{
  max-width:1400px;margin:0 auto;padding:0 12px;
  display:flex;gap:4px;overflow-x:auto;scrollbar-width:none
}
.sd-cat-bar a,.pub-cat-bar a{
  flex-shrink:0;padding:12px 14px;font-size:13px;font-weight:700;color:#475569;
  border-bottom:3px solid transparent;white-space:nowrap
}
.sd-cat-bar a:hover,.pub-cat-bar a:hover,.sd-cat-bar a.on,.pub-cat-bar a.on{
  color:#4f46e5;border-bottom-color:#4f46e5
}
.sd-banner-brand{
  position:absolute;left:16px;top:12px;z-index:3;
  background:rgba(255,255,255,.92);padding:6px 12px;border-radius:8px;
  font-weight:900;font-size:13px;color:#4f46e5;letter-spacing:.02em
}