:root{
  --ink:#E9E0FF;--ink-muted:#B9A9E6;--bg-1:#0C0713;--bg-2:#140B22;
  --acc-1:#9B5FE0;--acc-2:#C79BFF;--acc-3:#6B34C9;
  --line-1:rgba(255,255,255,.10);--line-2:rgba(255,255,255,.14);--line-3:rgba(255,255,255,.18);
  --focus:#C79BFF;
}
body{color:var(--ink)}
.ob-skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
.ob-skip-link:focus{left:12px;top:12px;width:auto;height:auto;background:#000;padding:8px;border:2px solid var(--focus);z-index:9999}
/* Shop */
.ob-shop{max-width:1200px;margin:0 auto;padding:24px}
.ob-filters{display:flex;gap:24px;align-items:center;flex-wrap:wrap;border:1px dashed var(--line-2);border-radius:16px;padding:12px 16px;background:linear-gradient(180deg,#1C132D,#120A1F)}
.ob-filter-group{display:flex;gap:12px;align-items:center;color:var(--ink-muted)}
.ob-filter-title{font-weight:600;color:var(--ink)}
.ob-f-reset{margin-left:auto;background:transparent;border:1px solid var(--line-3);color:var(--ink);padding:8px 12px;border-radius:999px;cursor:pointer}
.ob-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:20px}
.ob-card{position:relative;border:1px solid var(--line-1);border-radius:20px;background:linear-gradient(180deg,#1C132D,#0E0718);padding:14px;box-shadow:0 8px 18px rgba(0,0,0,.35)}
.ob-img img{width:100%;height:auto;border-radius:12px}
.ob-badges{position:absolute;top:10px;left:10px;display:flex;gap:6px}
.ob-badge{font-size:12px;padding:2px 8px;border-radius:999px;background:rgba(155,95,224,.18);border:1px solid var(--line-3)}
.ob-badge-wkrotce{background:rgba(255,211,110,.14);border-color:rgba(255,211,110,.4)}
.ob-title{font-family:cinzel,serif;text-transform:uppercase;letter-spacing:.08em;margin:.6rem 0 .2rem}
.ob-price{color:var(--ink-muted);margin-bottom:.6rem}
.ob-btn{display:inline-block;background:var(--acc-1);color:#0b0616;padding:10px 16px;border-radius:16px;text-decoration:none;border:none;cursor:pointer}
.ob-btn:hover{background:var(--acc-3);color:#fff}
.ob-btn-secondary{display:inline-block;border:1px solid var(--line-3);color:var(--ink);padding:10px 16px;border-radius:16px;text-decoration:none}
/* Philosophy & Social */
.ob-h1{font-family:cinzel,serif;text-transform:uppercase;letter-spacing:.18em;margin:1rem 0 1.5rem}
.ob-social-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.ob-card-link{display:block;border:1px solid var(--line-1);padding:16px;border-radius:12px;text-decoration:none;color:var(--ink)}
.ob-card-link:hover{border-color:var(--acc-1)}
/* Cookie banner */
#ob-cookie-banner{position:fixed;bottom:16px;left:16px;right:16px;background:#1A0F2B;color:var(--ink);border:1px solid var(--line-2);border-radius:16px;padding:12px 16px;display:flex;gap:10px;align-items:center;z-index:99999}
#ob-cookie-banner button{border-radius:14px;padding:8px 12px;border:1px solid var(--line-3);background:transparent;color:var(--ink);cursor:pointer}
#ob-cookie-banner .ob-accept{background:var(--acc-1);color:#0b0616;border:none}
#ob-cookie-pill{position:fixed;right:16px;bottom:16px;background:#1A0F2B;color:var(--ink);border:1px solid var(--line-2);padding:8px 10px;border-radius:999px;z-index:99999}
/* HC */
.ob-high-contrast .ob-card,.ob-high-contrast .ob-filters{border-color:rgba(255,255,255,.18)}
:focus{outline:2px solid var(--focus);outline-offset:2px}
@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important}
}