.rokn-product-archive{--rpa-orange:#f47a20;--rpa-ink:#1d252c;--rpa-muted:#6d7882;--rpa-border:#e3e7ea;max-width:1540px;margin:0 auto;padding:22px 22px 72px;font-family:inherit;color:var(--rpa-ink)}.rokn-product-archive *{box-sizing:border-box}.rokn-product-archive a{text-decoration:none}.rokn-product-archive__hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.7fr);gap:24px;align-items:center;padding:38px 42px;border:1px solid #24292e;border-radius:26px;background:linear-gradient(135deg,#17191c,#232527 62%,#17191c);color:#fff}.rokn-product-archive__hero>div:first-child>span{color:var(--rpa-orange);font-size:10px;font-weight:900;letter-spacing:.12em}.rokn-product-archive__hero h1{margin:5px 0 7px;font-size:clamp(38px,5vw,70px);line-height:1.35}.rokn-product-archive__hero p{max-width:820px;margin:0;color:#cfd5da;font-size:14px;line-height:2}.rokn-product-archive__stats{display:flex;align-items:center;gap:8px;margin-top:16px}.rokn-product-archive__stats b{font-size:20px;color:#fff}.rokn-product-archive__stats small{color:#bfc6cc}.rokn-product-archive__stats i{width:1px;height:28px;margin:0 5px;background:#4b4f53}.rokn-product-archive__search-box{padding:18px;border:1px solid #3a3e42;border-radius:18px;background:#111315}.rokn-product-archive__search-box label{display:block;margin-bottom:8px;font-size:12px;font-weight:900}.rokn-product-archive__search-box>div{display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid #464b50;border-radius:11px;background:#fff}.rokn-product-archive__search-box svg{width:19px;height:19px;fill:none;stroke:#f47a20;stroke-width:1.8}.rokn-product-archive__search-box input{width:100%;min-height:45px;border:0!important;outline:0!important;background:transparent!important;color:#20262b;font:inherit;font-size:12px;box-shadow:none!important}.rokn-product-archive__search-box small{display:block;margin-top:7px;color:#9fa8af;font-size:9.5px}.rokn-product-archive__filter-shell{position:sticky;top:6px;z-index:25;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:5px;margin-top:14px;padding:7px;border:1px solid var(--rpa-border);border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 9px 28px rgba(17,24,39,.07);backdrop-filter:blur(10px)}.rokn-product-archive__filters{display:flex;gap:7px;min-width:0;overflow-x:auto;overflow-y:hidden;padding:1px 3px;scroll-behavior:smooth;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.rokn-product-archive__filters::-webkit-scrollbar{display:none}.rokn-product-archive__filter-scroll{display:none;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid #e2e6e9;border-radius:10px;background:#fff;color:#5d6770;cursor:pointer}.has-filter-overflow .rokn-product-archive__filter-scroll{display:inline-flex}.rokn-product-archive__filter-scroll svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.rokn-product-archive__filter-scroll:disabled{opacity:.28;cursor:default}.rokn-product-archive__filters button{flex:0 0 auto;scroll-snap-align:center;min-height:39px;padding:5px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#4d5861;font:800 11.5px/1.5 inherit;cursor:pointer}.rokn-product-archive__filters button span{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;margin-inline-start:5px;border-radius:7px;background:#eff2f4;color:#6a747d;font-size:9px}.rokn-product-archive__filters button.is-active{border-color:#ffcba5;background:#fff4eb;color:#9c4306}.rokn-product-archive__filters button.is-active span{background:#f47a20;color:#fff}.rokn-product-archive__families{display:grid;gap:15px;margin-top:14px}.rokn-product-archive__family{scroll-margin-top:78px;padding:22px;border:1px solid var(--rpa-border);border-radius:22px;background:#fff}.rokn-product-archive__family[hidden]{display:none!important}.rokn-product-archive__family>header{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:start;margin-bottom:16px}.rokn-product-archive__family-icon{display:flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:14px;background:#fff2e8;color:#bd5409}.rokn-product-archive__family-icon svg,.rokn-product-archive__media-fallback svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.rokn-product-archive__family>header span{color:#c05a10;font-size:9px;font-weight:900}.rokn-product-archive__family>header h2{margin:2px 0 4px;font-size:23px}.rokn-product-archive__family>header p{max-width:980px;margin:0;color:var(--rpa-muted);font-size:11px;line-height:1.9}.rokn-product-archive__family>header>b{padding:6px 10px;border-radius:9px;background:#f4f6f7;color:#606b75;font-size:10px}.rokn-product-archive__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.rokn-product-archive__card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--rpa-border);border-radius:16px;background:#fff}.rokn-product-archive__card[hidden]{display:none!important}.rokn-product-archive__media{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(145deg,#151719,#26292c)}.rokn-product-archive__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.rokn-product-archive__media.is-hero-fallback img{object-fit:contain;background:#151719}.rokn-product-archive__media-fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#f47a20}.rokn-product-archive__media-fallback svg{width:58px;height:58px;opacity:.9}.rokn-product-archive__card-copy{display:flex;flex:1;flex-direction:column;padding:14px}.rokn-product-archive__card-meta{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:7px}.rokn-product-archive__card-meta span{color:#b75108;font-size:9px;font-weight:900}.rokn-product-archive__card-meta code{direction:ltr;padding:3px 5px;border-radius:5px;background:#f2f4f5;color:#6c7680;font-size:8.5px}.rokn-product-archive__card h3{margin:0 0 7px;font-size:16px;line-height:1.65}.rokn-product-archive__card h3 a{color:#222a30}.rokn-product-archive__card p{display:-webkit-box;min-height:5.7em;margin:0 0 12px;overflow:hidden;color:var(--rpa-muted);font-size:11px;line-height:1.9;-webkit-box-orient:vertical;-webkit-line-clamp:3}.rokn-product-archive__card-action{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:auto;padding-top:10px;border-top:1px solid #edf0f2;color:#9f4607;font-size:10.5px;font-weight:900}.rokn-product-archive__card-action span{font-size:15px}.rokn-product-archive__empty{margin-top:15px;padding:34px;border:1px dashed #d7dce0;border-radius:18px;background:#f8f9fa;text-align:center}.rokn-product-archive__empty strong{display:block;font-size:16px}.rokn-product-archive__empty span{display:block;margin-top:5px;color:var(--rpa-muted);font-size:11px}.rokn-product-archive__empty button{margin-top:12px;min-height:38px;padding:5px 13px;border:1px solid #f47a20;border-radius:9px;background:#fff;color:#a94b09;font:800 11px inherit;cursor:pointer}
@media(hover:hover) and (pointer:fine){.rokn-product-archive__card:hover{border-color:#ffbb89;box-shadow:0 10px 25px rgba(20,30,40,.06)}.rokn-product-archive__card:hover img{transform:scale(1.025)}.rokn-product-archive__filters button:hover{background:#f7f8f9}}
@media(max-width:1200px){.rokn-product-archive__grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.rokn-product-archive__hero{grid-template-columns:1fr;padding:28px}.rokn-product-archive__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.rokn-product-archive{padding:10px 9px 42px}.rokn-product-archive__filter-shell{grid-template-columns:36px minmax(0,1fr) 36px;padding:6px 4px;gap:3px}.rokn-product-archive__filter-scroll{width:34px;height:36px}.rokn-product-archive__filters{gap:5px}.rokn-product-archive__filters button{min-height:36px;padding-inline:10px;font-size:10.5px}.rokn-product-archive__hero{padding:22px 16px;border-radius:19px}.rokn-product-archive__hero p{font-size:11.5px}.rokn-product-archive__family{padding:15px 11px;border-radius:17px}.rokn-product-archive__family>header{grid-template-columns:42px minmax(0,1fr)}.rokn-product-archive__family>header>b{display:none}.rokn-product-archive__family-icon{width:42px;height:42px;border-radius:12px}.rokn-product-archive__family>header h2{font-size:19px}.rokn-product-archive__grid{grid-template-columns:1fr}.rokn-product-archive__card{display:grid;grid-template-columns:122px minmax(0,1fr)}.rokn-product-archive__media{height:100%;aspect-ratio:auto;min-height:150px}.rokn-product-archive__card-copy{padding:12px}.rokn-product-archive__card p{font-size:9.8px}.rokn-product-archive__stats{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.rokn-product-archive__media img{transition:none!important}}

.rokn-product-archive__workspace-live{margin-top:22px;padding:24px;border:1px solid #dfe4e8;border-radius:24px;background:linear-gradient(135deg,#f8fafb,#fff 62%,#fff8f2);box-shadow:0 14px 40px rgba(17,24,39,.055)}
.rokn-product-archive__workspace-live>header{display:flex;flex-direction:column;align-items:flex-start;max-width:920px;margin-bottom:16px}.rokn-product-archive__workspace-live>header>span{color:#b45309;font-size:9px;font-weight:900;letter-spacing:.1em}.rokn-product-archive__workspace-live>header h2{margin:4px 0 6px;font-size:clamp(24px,2.7vw,36px);line-height:1.45;color:#1c252c}.rokn-product-archive__workspace-live>header p{margin:0;color:#64707a;font-size:12px;line-height:2}.rokn-product-archive__workspace-panel{min-width:0}.rokn-product-archive__workspace-live .rokn-pe-user-panel--embedded{margin:0!important}.rokn-product-archive__workspace-live .rokn-pe-user-panel--guest.rokn-pe-user-panel--embedded{background:#fff}.rokn-product-archive__workspace-live .rokn-pe-account-intro{margin-top:0}
@media(max-width:650px){.rokn-product-archive__workspace-live{margin-top:14px;padding:16px 10px;border-radius:18px}.rokn-product-archive__workspace-live>header{padding-inline:4px}.rokn-product-archive__workspace-live>header p{font-size:10.8px}}