.pcl-header{--pcl-header-bg: #0a0c10;--pcl-header-panel: #1a1d24;--pcl-header-panel-border: #1f2937;--pcl-header-text: #f8fafc;--pcl-header-muted: #d1d5db;--pcl-header-soft: #9ca3af;--pcl-header-blue: #2563eb;--pcl-header-blue-hover: #1d4ed8;--pcl-header-focus: rgba(37, 99, 235, .72);position:sticky;top:0;z-index:70;width:100%;border-bottom:1px solid var(--pcl-header-panel-border);background:var(--pcl-header-bg);color:var(--pcl-header-text);font-family:var(--font-body--family, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.pcl-header.is-scrolled{background:#0a0c10f2;box-shadow:0 12px 28px -22px #000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pcl-header *,.pcl-header *:before,.pcl-header *:after{box-sizing:border-box}.pcl-header a{color:inherit;text-decoration:none}.pcl-header button{font:inherit}.pcl-header :is(a,button):focus-visible{outline:2px solid var(--pcl-header-focus);outline-offset:2px}.pcl-header__inner{display:flex;width:min(100%,1400px);height:4.5rem;align-items:center;justify-content:space-between;margin-inline:auto;padding-inline:1rem}.pcl-header__left{display:flex;min-width:0;align-items:center;gap:2rem}.pcl-header__brand{display:inline-flex;flex:0 0 auto;align-items:center;gap:.5rem}.pcl-header__logo{display:block;width:4rem;height:4rem;object-fit:contain}.pcl-header__brand-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.pcl-header__nav{display:flex;align-items:center}.pcl-header__nav-list{display:flex;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none}.pcl-header__nav-item{position:relative}.pcl-header__nav-trigger{display:inline-flex;height:2.5rem;align-items:center;justify-content:center;gap:.25rem;padding:0 1rem;border:0;border-radius:.375rem;background:transparent;color:var(--pcl-header-muted);cursor:pointer;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .16s ease,background-color .16s ease}.pcl-header__nav-trigger svg{width:.75rem;height:.75rem;transition:transform .16s ease}.pcl-header__nav-trigger:hover,.pcl-header__nav-item:focus-within>.pcl-header__nav-trigger,.pcl-header__nav-item.is-open>.pcl-header__nav-trigger{background:#ffffff1a;color:#fff}.pcl-header__nav-item:focus-within>.pcl-header__nav-trigger svg,.pcl-header__nav-item:hover>.pcl-header__nav-trigger svg,.pcl-header__nav-item.is-open>.pcl-header__nav-trigger svg{transform:rotate(180deg)}.pcl-header__dropdown{position:absolute;top:calc(100% + .375rem);left:0;z-index:80;width:21.25rem;padding:.75rem;border:1px solid var(--pcl-header-panel-border);border-radius:.5rem;background:var(--pcl-header-panel);box-shadow:0 18px 40px -22px #000000e6,0 1px #ffffff08 inset;opacity:0;pointer-events:none;transform:translateY(-.35rem) scale(.985);transform-origin:top left;transition:opacity .15s ease,transform .15s ease}.pcl-header__dropdown--wide,.pcl-header__dropdown--compare{width:26.25rem}.pcl-header__nav-item:hover>.pcl-header__dropdown,.pcl-header__nav-item:focus-within>.pcl-header__dropdown,.pcl-header__nav-item.is-open>.pcl-header__dropdown{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.pcl-header__dropdown-label{margin:0;padding:.25rem .75rem .625rem;color:#9fb2c9;font-size:.75rem;font-weight:600;line-height:1.2;text-transform:uppercase}.pcl-header__dropdown-stack{display:grid;gap:.25rem}.pcl-header__dropdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem}.pcl-header__dropdown-link{display:flex;min-width:0;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;color:#fff;line-height:1.1;transition:background-color .15s ease,color .15s ease}.pcl-header__dropdown-link:hover,.pcl-header__dropdown-link:focus-visible{background:#ffffff0d}.pcl-header__dropdown-link--feature{align-items:flex-start;padding-block:.875rem}.pcl-header__dropdown-link strong{display:inline-flex;min-width:0;align-items:center;gap:.45rem;color:#fff;font-size:.875rem;font-weight:700}.pcl-header__dropdown-copy{display:grid;gap:.25rem;min-width:0}.pcl-header__dropdown-copy>span{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.pcl-header__dropdown-copy small{color:var(--pcl-header-soft);font-size:.875rem;font-weight:500;line-height:1.25}.pcl-header__dropdown-all{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:.5rem;padding:.625rem;border-top:1px solid rgba(31,41,55,.72);border-radius:.5rem;color:#60a5fa;font-size:.875rem;font-weight:600;transition:background-color .15s ease,color .15s ease}.pcl-header__dropdown-all:hover,.pcl-header__dropdown-all:focus-visible{background:#ffffff0d;color:#93c5fd}.pcl-header__icon{display:inline-grid;flex:0 0 auto;width:2.25rem;height:2.25rem;place-items:center;border-radius:.5rem;color:currentColor}.pcl-header__icon svg{width:1.25rem;height:1.25rem}.pcl-header__icon--blend-blue{background:linear-gradient(135deg,#3b82f621,#a855f721);color:#bfdbfe}.pcl-header__icon--blend-purple{background:linear-gradient(135deg,#a855f721,#ec489921);color:#e9d5ff}.pcl-header__icon--blue{background:#2563eb21;color:#3b82f6}.pcl-header__icon--green{background:#22c55e21;color:#22c55e}.pcl-header__icon--purple{background:#9333ea21;color:#a855f7}.pcl-header__icon--amber{background:#f59e0b21;color:#f59e0b}.pcl-header__icon--yellow{background:#eab30821;color:#eab308}.pcl-header__icon--cyan{background:#06b6d421;color:#06b6d4}.pcl-header__icon--orange{background:#f9731621;color:#f97316}.pcl-header__icon--indigo{background:#6366f121;color:#818cf8}.pcl-header__badge{display:inline-flex;height:1rem;align-items:center;padding:0 .4rem;border:1px solid currentColor;border-radius:999px;font-size:.625rem;font-style:normal;font-weight:700;line-height:1}.pcl-header__badge--blue{border-color:#60a5fa4d;background:#2563eb33;color:#93c5fd}.pcl-header__badge--purple{border-color:#c084fc4d;background:#9333ea33;color:#d8b4fe}.pcl-header__actions{display:flex;align-items:center;gap:1.5rem}.pcl-header__action-link,.pcl-header__cart,.pcl-header__icon-action{display:inline-flex;align-items:center;justify-content:center;color:var(--pcl-header-muted);font-size:.875rem;font-weight:500;transition:color .15s ease,background-color .15s ease}.pcl-header__action-link:hover,.pcl-header__cart:hover,.pcl-header__icon-action:hover{color:#fff}.pcl-header__icon-action{width:2.25rem;height:2.25rem;border:0;border-radius:.375rem;background:transparent;cursor:pointer}.pcl-header__icon-action:hover{background:#ffffff1a}.pcl-header__icon-action svg,.pcl-header__cart svg{width:1.1rem;height:1.1rem}.pcl-header__cart{position:relative;gap:.4rem}.pcl-header__cart-count{display:inline-flex;min-width:1.05rem;height:1.05rem;align-items:center;justify-content:center;padding-inline:.25rem;border-radius:999px;background:var(--pcl-header-blue);color:#fff;font-size:.625rem;font-style:normal;font-weight:800;line-height:1}.pcl-header__cta{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;padding:.625rem 1rem;border-radius:.375rem;background:var(--pcl-header-blue);color:#fff;font-size:.875rem;font-weight:500;line-height:1;transition:background-color .15s ease,transform .15s ease}.pcl-header__cta:hover{background:var(--pcl-header-blue-hover);color:#fff}.pcl-header__mobile-actions,.pcl-header__mobile-panel{display:none}@media(max-width:899px){.pcl-header__inner{padding-inline:1rem}.pcl-header__nav,.pcl-header__actions{display:none}.pcl-header__logo{width:3.5rem;height:3.5rem}.pcl-header__mobile-actions{display:flex;align-items:center;gap:.5rem}.pcl-header__cart--mobile{width:2.5rem;height:2.5rem;border-radius:.375rem}.pcl-header__cart--mobile span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.pcl-header__cart--mobile .pcl-header__cart-count{position:absolute;top:.1rem;right:.05rem}.pcl-header__mobile-toggle{display:inline-grid;width:2.5rem;height:2.5rem;place-items:center;border:0;border-radius:.375rem;background:transparent;color:var(--pcl-header-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.pcl-header__mobile-toggle:hover,.pcl-header__mobile-toggle[aria-expanded=true]{background:#ffffff1a;color:#fff}.pcl-header__mobile-toggle span{display:block;width:1.55rem;height:2px;border-radius:999px;background:currentColor}.pcl-header__mobile-panel{position:fixed;inset:0 0 0 auto;z-index:90;display:block;width:min(85vw,350px);border-left:1px solid var(--pcl-header-panel-border);background:var(--pcl-header-bg);color:#fff;box-shadow:-24px 0 44px -30px #000000e6;overflow:hidden;transform:translate(100%);transition:transform .19s ease}.pcl-header.is-mobile-open .pcl-header__mobile-panel{transform:translate(0)}.pcl-header__mobile-panel-inner{display:flex;height:100%;flex-direction:column;overflow-y:auto}.pcl-header__mobile-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid var(--pcl-header-panel-border)}.pcl-header__brand--mobile{min-width:0}.pcl-header__brand--mobile span{display:block;color:#fff;font-size:.9rem;font-weight:700}.pcl-header__logo--mobile{width:3rem;height:3rem}.pcl-header__mobile-close{display:inline-grid;flex:0 0 auto;width:2.5rem;height:2.5rem;place-items:center;border:0;border-radius:.375rem;background:transparent;color:var(--pcl-header-muted);cursor:pointer}.pcl-header__mobile-close:hover{background:#ffffff1a;color:#fff}.pcl-header__mobile-close svg{width:1.25rem;height:1.25rem}.pcl-header__mobile-account{display:grid;gap:.5rem;padding:1rem;border-bottom:1px solid var(--pcl-header-panel-border)}.pcl-header__mobile-primary,.pcl-header__mobile-secondary{display:flex;min-height:2.5rem;align-items:center;justify-content:center;border-radius:.375rem;font-size:.875rem;font-weight:700}.pcl-header__mobile-primary{background:var(--pcl-header-blue);color:#fff}.pcl-header__mobile-secondary{border:1px solid #374151;color:#fff}.pcl-header__mobile-nav{display:grid;gap:1rem;padding:1rem .5rem 1.5rem}.pcl-header__mobile-section{display:grid;gap:.25rem;margin:0;padding-inline:.5rem}.pcl-header__mobile-section h2{margin:0 0 .35rem;padding-inline:.75rem;color:var(--pcl-header-soft);font-size:.75rem;font-weight:700;line-height:1.2;text-transform:uppercase}.pcl-header__mobile-feature-link{display:flex;gap:.75rem;padding:.75rem;border-radius:.5rem;color:#fff}.pcl-header__mobile-feature-link:hover,.pcl-header__mobile-grid a:hover,.pcl-header__mobile-grid button:hover{background:#ffffff0d}.pcl-header__mobile-feature-link strong{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:.9rem;font-weight:700}.pcl-header__mobile-feature-link small{display:block;margin-top:.25rem;color:var(--pcl-header-soft);font-size:.875rem;line-height:1.35}.pcl-header__mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem}.pcl-header__mobile-grid a,.pcl-header__mobile-grid button{display:flex;min-height:2.5rem;align-items:center;padding:.7rem .75rem;border:0;border-radius:.5rem;background:transparent;color:var(--pcl-header-muted);cursor:pointer;font-size:.875rem;font-weight:600;text-align:left}}@media(max-width:420px){.pcl-header__inner{padding-inline:.75rem}.pcl-header__mobile-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.pcl-header *,.pcl-header *:before,.pcl-header *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/pcl-header.css.map */