/*! OPCBleu Brands Directory — square premium rebuild — 2026-08-19 */html body.opc-theme--apex .opc-brand-showcase{--opc-brand-bg:#050912;--opc-brand-panel:#07101f;--opc-brand-panel-2:#09172a;--opc-brand-panel-3:#0b1b31;--opc-brand-heading:#f4f7fc;--opc-brand-text:#a9b8cc;--opc-brand-muted:#71849f;--opc-brand-line:rgba(105,151,218,.22);--opc-brand-line-strong:rgba(8,101,245,.62);--opc-brand-blue:#0865f5;--opc-brand-blue-2:#1976ff;position:relative;isolation:isolate;overflow:hidden;padding:clamp(38px,5vw,72px) 0 clamp(48px,6vw,86px);color:var(--opc-brand-text);background:linear-gradient(rgba(78,132,207,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(78,132,207,.026) 1px,transparent 1px),radial-gradient(circle at 82% 0%,rgba(8,101,245,.09),transparent 31%),var(--opc-brand-bg);background-size:48px 48px,48px 48px,auto,auto}html body.opc-theme--apex .opc-brand-showcase:before{content:"";position:absolute;inset:0 auto 0 50%;width:1px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(60,126,224,.08) 18%,rgba(60,126,224,.08) 82%,transparent)}html body.opc-theme--apex .opc-brand-showcase .opc-brand-showcase__container{width:min(calc(100% - 48px),1380px)!important;max-width:1380px!important;margin-inline:auto!important;padding:0!important}html body.opc-theme--apex .opc-brand-showcase__frame{position:relative;overflow:hidden;padding:0 clamp(24px,3.4vw,46px) clamp(28px,3.5vw,46px);border:1px solid var(--opc-brand-line)!important;border-radius:0!important;clip-path:none!important;background:linear-gradient(135deg,rgba(8,101,245,.045),transparent 34%),#07101feb;box-shadow:0 22px 60px #00000038}html body.opc-theme--apex .opc-brand-showcase__rail{height:3px;margin:0 calc(clamp(24px,3.4vw,46px)*-1);background:linear-gradient(90deg,var(--opc-brand-blue) 0 31%,rgba(8,101,245,.24) 31% 100%)}html body.opc-theme--apex .opc-brand-showcase__system-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:50px;border-bottom:1px solid var(--opc-brand-line);color:var(--opc-brand-muted);font-size:10px;font-weight:900;line-height:1.2;letter-spacing:.115em;text-transform:uppercase}html body.opc-theme--apex .opc-brand-showcase__system-label{display:inline-flex;align-items:center;min-width:0;gap:9px;color:#8fc1ff}html body.opc-theme--apex .opc-brand-showcase__signal{width:7px;height:7px;flex:0 0 7px;border:1px solid rgba(92,162,255,.72);border-radius:0!important;clip-path:none!important;background:var(--opc-brand-blue);box-shadow:0 0 12px #0865f594}html body.opc-theme--apex .opc-brand-showcase__range{flex:none;color:#536985;font-variant-numeric:tabular-nums}html body.opc-theme--apex .opc-brand-showcase__header{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:clamp(30px,5vw,72px);align-items:end;padding:clamp(30px,4vw,52px) 0 clamp(27px,3.5vw,42px)}html body.opc-theme--apex .opc-brand-showcase__copy{min-width:0}html body.opc-theme--apex .opc-brand-showcase__title{max-width:880px;margin:0!important;color:var(--opc-brand-heading)!important;font-size:clamp(34px,4.3vw,58px)!important;font-weight:900!important;line-height:1.02!important;letter-spacing:-.045em!important;text-wrap:balance}html body.opc-theme--apex .opc-brand-showcase__description{max-width:760px;margin:18px 0 0!important;color:var(--opc-brand-text)!important;font-size:15px!important;font-weight:520;line-height:1.72!important}html body.opc-theme--apex .opc-brand-showcase__directory{display:grid;align-content:end;min-height:132px;padding:16px 0 2px 18px;border-left:2px solid var(--opc-brand-blue)!important;border-radius:0!important;clip-path:none!important}html body.opc-theme--apex .opc-brand-showcase__directory-code{color:#5e7796;font-size:9px;font-weight:900;letter-spacing:.12em;line-height:1.2}html body.opc-theme--apex .opc-brand-showcase__directory strong{display:block;margin:9px 0 7px;color:#fff;font-size:clamp(42px,5vw,62px);font-weight:900;line-height:.82;letter-spacing:-.055em;font-variant-numeric:tabular-nums}html body.opc-theme--apex .opc-brand-showcase__directory>span:last-child{overflow:hidden;color:#7b91ad;font-size:9px;font-weight:850;letter-spacing:.08em;line-height:1.25;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}html body.opc-theme--apex .opc-brand-showcase__separator{display:grid;grid-template-columns:minmax(0,1fr) 7px minmax(0,.22fr);gap:8px;align-items:center;margin-bottom:20px}html body.opc-theme--apex .opc-brand-showcase__separator span{display:block;height:1px;background:var(--opc-brand-line)}html body.opc-theme--apex .opc-brand-showcase__separator i{display:block;width:7px;height:7px;border-radius:0!important;background:var(--opc-brand-blue);transform:none!important}html body.opc-theme--apex .opc-brand-showcase__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}html body.opc-theme--apex .opc-brand-showcase__card{position:relative;display:flex;min-width:0;min-height:196px;overflow:hidden;border:1px solid var(--opc-brand-line)!important;border-top:2px solid rgba(8,101,245,.62)!important;border-radius:0!important;clip-path:none!important;background:linear-gradient(180deg,#0e1f38db,#071121eb);color:var(--opc-brand-heading)!important;text-decoration:none!important;box-shadow:none!important;transform:translateZ(0);transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}html body.opc-theme--apex .opc-brand-showcase__card:before{content:"";position:absolute;z-index:1;inset:0 auto auto 0;width:0;height:2px;pointer-events:none;background:var(--opc-brand-blue-2);transition:width .22s ease}html body.opc-theme--apex .opc-brand-showcase__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(8,101,245,.055),transparent 43%);opacity:.35;transition:opacity .18s ease}html body.opc-theme--apex .opc-brand-showcase__entity{position:relative;z-index:2;display:grid;grid-template-rows:auto 1fr auto;width:100%;min-width:0;min-height:194px}html body.opc-theme--apex .opc-brand-showcase__card-head{position:absolute;z-index:3;inset:13px 13px auto;display:flex;align-items:center;gap:9px;pointer-events:none}html body.opc-theme--apex .opc-brand-showcase__index{flex:none;color:#6882a3;font-size:9px;font-weight:900;line-height:1;letter-spacing:.08em;font-variant-numeric:tabular-nums}html body.opc-theme--apex .opc-brand-showcase__card-line{width:22px;height:1px;background:#5f91d340}html body.opc-theme--apex .opc-brand-showcase__logo-stage{display:grid;place-items:center;min-height:136px;padding:35px 18px 18px;border-bottom:1px solid rgba(105,151,218,.14)!important;border-radius:0!important;clip-path:none!important;background:linear-gradient(180deg,#0c1b313d,#050d1a0a)}html body.opc-theme--apex .opc-brand-showcase__logo{display:block;width:auto;max-width:min(174px,88%);height:auto;max-height:68px;object-fit:contain;opacity:.96;filter:none!important;transform:scale(1);transform-origin:center;transition:transform .18s ease,opacity .18s ease}html body.opc-theme--apex .opc-brand-showcase__logo--invert{filter:brightness(0) invert(1)!important}html body.opc-theme--apex .opc-brand-showcase__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:57px;padding:11px 11px 11px 14px;border-radius:0!important;clip-path:none!important;background:#040b1757}html body.opc-theme--apex .opc-brand-showcase__name{min-width:0;overflow:hidden;color:#e4eefb!important;font-size:12px!important;font-weight:850!important;line-height:1.2!important;letter-spacing:.015em;text-overflow:ellipsis;white-space:nowrap}html body.opc-theme--apex .opc-brand-showcase__action{display:inline-flex;flex:none;align-items:center;gap:8px;color:#6faeff;font-size:9px;font-weight:900;line-height:1;letter-spacing:.07em;text-transform:uppercase}html body.opc-theme--apex .opc-brand-showcase__arrow{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid rgba(8,101,245,.38)!important;border-radius:0!important;clip-path:none!important;background:#0865f514!important;color:#79b7ff!important;transition:border-color .18s ease,background .18s ease,color .18s ease}html body.opc-theme--apex .opc-brand-showcase__arrow svg{width:14px;height:14px}html body.opc-theme--apex .opc-brand-showcase__card:focus-visible{outline:2px solid #78b6ff!important;outline-offset:3px;border-color:#4b91ffd1!important}@media(hover:hover)and (pointer:fine){html body.opc-theme--apex .opc-brand-showcase__card:hover{transform:translateY(-3px);border-color:#3f84ec85!important;border-top-color:var(--opc-brand-blue-2)!important;background:linear-gradient(180deg,#0e2649f0,#071428fa);box-shadow:0 14px 28px #0000002e!important}html body.opc-theme--apex .opc-brand-showcase__card:hover:before{width:100%}html body.opc-theme--apex .opc-brand-showcase__card:hover:after{opacity:.8}html body.opc-theme--apex .opc-brand-showcase__card:hover .opc-brand-showcase__logo{transform:scale(1.045);opacity:1}html body.opc-theme--apex .opc-brand-showcase__card:hover .opc-brand-showcase__arrow{border-color:#5aa0ffb8!important;background:#0865f530!important;color:#fff!important}}@media(max-width:1180px){html body.opc-theme--apex .opc-brand-showcase__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:989px){html body.opc-theme--apex .opc-brand-showcase{padding:36px 0 56px}html body.opc-theme--apex .opc-brand-showcase .opc-brand-showcase__container{width:min(calc(100% - 36px),1380px)!important}html body.opc-theme--apex .opc-brand-showcase__frame{padding-inline:24px}html body.opc-theme--apex .opc-brand-showcase__rail{margin-inline:-24px}html body.opc-theme--apex .opc-brand-showcase__header{grid-template-columns:minmax(0,1fr) 142px;gap:30px}html body.opc-theme--apex .opc-brand-showcase__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}html body.opc-theme--apex .opc-brand-showcase__card{min-height:184px}html body.opc-theme--apex .opc-brand-showcase__entity{min-height:182px}html body.opc-theme--apex .opc-brand-showcase__logo-stage{min-height:126px}}@media(max-width:749px){html body.opc-theme--apex .opc-brand-showcase{padding:28px 0 42px;background-size:36px 36px,36px 36px,auto,auto}html body.opc-theme--apex .opc-brand-showcase .opc-brand-showcase__container{width:calc(100% - 28px)!important}html body.opc-theme--apex .opc-brand-showcase__frame{padding:0 14px 16px}html body.opc-theme--apex .opc-brand-showcase__rail{margin-inline:-14px}html body.opc-theme--apex .opc-brand-showcase__system-bar{min-height:43px;gap:12px;font-size:8.5px;letter-spacing:.09em}html body.opc-theme--apex .opc-brand-showcase__system-label{gap:7px}html body.opc-theme--apex .opc-brand-showcase__signal{width:6px;height:6px;flex-basis:6px}html body.opc-theme--apex .opc-brand-showcase__header{grid-template-columns:1fr;gap:22px;padding:27px 0 23px}html body.opc-theme--apex .opc-brand-showcase__title{font-size:clamp(30px,9vw,42px)!important}html body.opc-theme--apex .opc-brand-showcase__description{margin-top:13px!important;font-size:13.5px!important;line-height:1.62!important}html body.opc-theme--apex .opc-brand-showcase__directory{grid-template-columns:auto auto 1fr;align-items:end;gap:12px;min-height:0;padding:11px 0 10px 12px;border-left-width:2px!important}html body.opc-theme--apex .opc-brand-showcase__directory-code{align-self:center}html body.opc-theme--apex .opc-brand-showcase__directory strong{margin:0;font-size:34px;line-height:.82}html body.opc-theme--apex .opc-brand-showcase__directory>span:last-child{align-self:center}html body.opc-theme--apex .opc-brand-showcase__separator{margin-bottom:12px}html body.opc-theme--apex .opc-brand-showcase__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}html body.opc-theme--apex .opc-brand-showcase__card{min-height:158px}html body.opc-theme--apex .opc-brand-showcase__entity{min-height:156px}html body.opc-theme--apex .opc-brand-showcase__card-head{inset:10px 10px auto;gap:7px}html body.opc-theme--apex .opc-brand-showcase__index{font-size:8px}html body.opc-theme--apex .opc-brand-showcase__card-line{width:16px}html body.opc-theme--apex .opc-brand-showcase__logo-stage{min-height:105px;padding:28px 10px 12px}html body.opc-theme--apex .opc-brand-showcase__logo{max-width:88%;max-height:48px}html body.opc-theme--apex .opc-brand-showcase__meta{min-height:49px;padding:8px 7px 8px 10px;gap:6px}html body.opc-theme--apex .opc-brand-showcase__name{font-size:10px!important}html body.opc-theme--apex .opc-brand-showcase__action{gap:5px;font-size:8px}html body.opc-theme--apex .opc-brand-showcase__arrow{width:26px;height:26px;flex-basis:26px}html body.opc-theme--apex .opc-brand-showcase__arrow svg{width:12px;height:12px}}@media(max-width:420px){html body.opc-theme--apex .opc-brand-showcase__range{display:none}html body.opc-theme--apex .opc-brand-showcase__system-label{width:100%}html body.opc-theme--apex .opc-brand-showcase__directory-code{display:none}html body.opc-theme--apex .opc-brand-showcase__directory{grid-template-columns:auto 1fr}html body.opc-theme--apex .opc-brand-showcase__action>span:first-child{display:none}html body.opc-theme--apex .opc-brand-showcase__card{min-height:150px}html body.opc-theme--apex .opc-brand-showcase__entity{min-height:148px}html body.opc-theme--apex .opc-brand-showcase__logo-stage{min-height:99px}}@media(prefers-reduced-motion:reduce){html body.opc-theme--apex .opc-brand-showcase__card,html body.opc-theme--apex .opc-brand-showcase__card:before,html body.opc-theme--apex .opc-brand-showcase__card:after,html body.opc-theme--apex .opc-brand-showcase__logo,html body.opc-theme--apex .opc-brand-showcase__arrow{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/232/assets/opc-brands.css.map */