/* PrimeKeys custom theme */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&display=swap');

/* ── Animations ── */
@keyframes pkToastIn { from { opacity:0; transform:translateX(1rem); } to { opacity:1; transform:translateX(0); } }
@keyframes pkFadeOut { to { opacity:0; transform:translateY(0.5rem); } }
@keyframes pkShimmer { 0%,100% { background-position:0% 50%; } 50% { background-position:100% 50%; } }
@keyframes pkLoaderBar { from { width:0; } to { width:100%; } }
@keyframes pkLoaderFade { to { opacity:0; visibility:hidden; } }
@keyframes pkPageOut { to { opacity:0; transform:translateY(-6px); } }
@keyframes pkPageIn { from { opacity:0; transform:translateY(8px); } }
@keyframes pkViewerPulse { 0%,100% { box-shadow:0 0 0 0 rgba(34,197,94,0.5); } 60% { box-shadow:0 0 0 5px rgba(34,197,94,0); } }
@keyframes pkOnlinePulse { 0%,100% { box-shadow:0 0 0 0 rgba(59,130,246,0.7); } 55% { box-shadow:0 0 0 5px rgba(59,130,246,0); } }

/* ── View Transitions (cross-page fade/slide — Chrome 111+, degrades gracefully) ── */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation:pkPageOut 0.18s ease forwards; }
::view-transition-new(root) { animation:pkPageIn 0.22s ease forwards; }

/* ── Toast ── */
#pk-toast-inner { animation:pkToastIn 0.3s ease; }

/* ── Abandoned cart banner ── */
.pk-cart-banner { position:fixed; top:0; left:0; right:0; z-index:9997; transform:translateY(-100%); transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1); pointer-events:none; }
.pk-cart-banner.show { transform:translateY(0); pointer-events:auto; }
.pk-cart-banner-inner { display:flex; align-items:center; gap:0.875rem; background:rgba(12,12,12,0.97); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid rgba(255,255,255,0.07); padding:0.75rem 1.5rem; flex-wrap:wrap; }
.pk-cart-banner-icon { color:#888; flex-shrink:0; }
.pk-cart-banner-text { flex:1; font-size:0.875rem; color:rgba(255,255,255,0.75); min-width:0; }
.pk-cart-banner-btn { flex-shrink:0; font-size:0.8125rem; font-weight:700; color:#000; background:#fff; border-radius:0.5rem; padding:0.375rem 1rem; text-decoration:none; white-space:nowrap; transition:opacity 0.15s; }
.pk-cart-banner-btn:hover { opacity:0.85; color:#000; }
.pk-cart-banner-close { flex-shrink:0; background:none; border:none; color:#444; cursor:pointer; padding:0.25rem; display:flex; align-items:center; transition:color 0.15s; }
.pk-cart-banner-close:hover { color:#fff; }
@media(max-width:480px){ .pk-cart-banner-text { font-size:0.8125rem; } .pk-cart-banner-inner { gap:0.5rem; padding:0.625rem 1rem; } }

/* ── Loading screen ── */
#pk-loader { position:fixed; inset:0; z-index:10000; background:#050505; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:1.25rem; transition:opacity 0.35s ease; }
#pk-loader.pk-loader-out { opacity:0; pointer-events:none; }
.pk-loader-logo { display:flex; align-items:center; gap:0.75rem; }
.pk-loader-logo img { width:40px; height:40px; border-radius:8px; object-fit:contain; }
.pk-loader-name { font-size:1.4375rem; font-weight:800; color:#fff; letter-spacing:-0.04em; font-family:inherit; }
.pk-loader-bar-track { width:120px; height:2px; background:rgba(255,255,255,0.07); border-radius:9999px; overflow:hidden; }
.pk-loader-bar-fill { height:100%; width:0; background:linear-gradient(90deg,rgba(255,255,255,0.2),rgba(255,255,255,0.7)); border-radius:9999px; animation:pkLoaderBar 0.75s cubic-bezier(0.4,0,0.2,1) forwards; }

/* ── Online badge (navbar) ── */
.pk-online-badge { align-items:center; gap:5px; font-size:0.6875rem; font-weight:700; color:#3b82f6; white-space:nowrap; letter-spacing:0.02em; cursor:default; }
.pk-online-dot { width:7px; height:7px; border-radius:50%; background:#3b82f6; flex-shrink:0; animation:pkOnlinePulse 2s ease-in-out infinite; }
@media(max-width:520px){ .pk-online-label { display:none; } .pk-online-badge { gap:4px; font-size:0.625rem; } }

/* ── Discord FAB ── */
.pk-fab-discord { position:fixed; bottom:1.5rem; right:1.5rem; z-index:998; width:3.25rem; height:3.25rem; border-radius:50%; background:#5865F2; display:flex; align-items:center; justify-content:center; color:#fff; text-decoration:none; box-shadow:0 4px 20px rgba(88,101,242,0.45); transition:transform 0.2s,box-shadow 0.2s; overflow:visible !important; }
.pk-fab-discord svg { width:20px; height:20px; display:block; flex-shrink:0; overflow:visible; }
.pk-fab-discord:hover { transform:scale(1.1); box-shadow:0 6px 28px rgba(88,101,242,0.65); color:#fff; }

/* ── Reviews / Testimonials ── */
.pk-reviews { max-width:72rem; margin:3.5rem auto 0; padding:0 1.5rem 2rem; }
.pk-reviews-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; margin-bottom:1.5rem; }
.pk-reviews-title { font-size:1.375rem; font-weight:800; color:#fff; margin:0; }
.pk-reviews-rating-summary { display:flex; align-items:center; gap:0.75rem; }
.pk-reviews-big-score { font-size:2rem; font-weight:800; color:#fff; letter-spacing:-0.04em; }
.pk-review-stars { color:#fbbf24; font-size:0.9rem; letter-spacing:1px; }
.pk-reviews-grid { display:grid; grid-template-columns:1fr; gap:1rem; }
@media(min-width:640px){ .pk-reviews-grid { grid-template-columns:1fr 1fr; } }
.pk-review-card { background:#0d0d0d; border:1px solid rgba(255,255,255,0.07); border-radius:1rem; padding:1.5rem; transition:border-color 0.2s; }
.pk-review-card:hover { border-color:rgba(255,255,255,0.14); }
.pk-review-card .pk-review-stars { margin-bottom:0.875rem; }
.pk-review-text { font-size:0.875rem; color:rgba(255,255,255,0.6); line-height:1.7; margin:0 0 1.125rem; }
.pk-review-author { display:flex; align-items:center; gap:0.75rem; }
.pk-review-avatar { width:32px; height:32px; border-radius:50%; background:#1a1a1a; border:1px solid rgba(255,255,255,0.1); display:flex; align-items:center; justify-content:center; font-size:0.75rem; font-weight:700; color:#888; flex-shrink:0; }
.pk-review-name { font-size:0.8125rem; font-weight:700; color:#fff; }
.pk-review-date { font-size:0.75rem; color:#444; margin-top:2px; }

/* ── Cart page ── */
@keyframes pkSpin { to { transform:rotate(360deg); } }
.pk-cart-wrap { max-width:72rem; margin:0 auto; padding:0 1.5rem 6rem; }
.pk-cart-header { margin:2rem 0 2rem; }
.pk-cart-title { font-size:clamp(1.5rem,3.5vw,2rem); font-weight:800; color:#fff; margin:0.5rem 0 0.25rem; }
.pk-cart-sub { font-size:0.875rem; color:#555; margin:0; }
.pk-cart-messages { background:rgba(251,191,36,0.08); border:1px solid rgba(251,191,36,0.2); border-radius:0.75rem; padding:0.875rem 1.125rem; margin-bottom:1.25rem; font-size:0.875rem; color:#fbbf24; }
.pk-cart-layout { display:grid; grid-template-columns:1fr; gap:2rem; align-items:start; }
@media(min-width:900px){ .pk-cart-layout { grid-template-columns:1fr 360px; } }
.pk-cart-loading { background:#0d0d0d; border:1px solid rgba(255,255,255,0.07); border-radius:1rem; padding:3.5rem 2rem; text-align:center; }
.pk-cart-spinner { width:32px; height:32px; border:2px solid rgba(255,255,255,0.08); border-top-color:#fff; border-radius:50%; animation:pkSpin 0.7s linear infinite; margin:0 auto; }
.pk-cart-empty { background:#0d0d0d; border:1px solid rgba(255,255,255,0.07); border-radius:1rem; padding:4rem 2rem; text-align:center; }
.pk-cart-items-list { display:flex; flex-direction:column; gap:0.75rem; }
.pk-cart-item { display:grid; grid-template-columns:72px 1fr auto; gap:1rem; align-items:center; background:#0d0d0d; border:1px solid rgba(255,255,255,0.07); border-radius:0.875rem; padding:1rem 1.25rem; transition:border-color 0.2s; }
.pk-cart-item:hover { border-color:rgba(255,255,255,0.12); }
@media(max-width:540px){ .pk-cart-item { grid-template-columns:56px 1fr; } .pk-cart-item-controls { grid-column:1/-1; display:flex; justify-content:space-between; align-items:center; padding-top:0.5rem; border-top:1px solid rgba(255,255,255,0.06); } }
.pk-cart-item-img { width:72px; height:72px; border-radius:0.5rem; overflow:hidden; background:#111; flex-shrink:0; }
@media(max-width:540px){ .pk-cart-item-img { width:56px; height:56px; } }
.pk-cart-item-name { font-size:0.9375rem; font-weight:700; color:#fff; text-decoration:none; line-height:1.3; display:block; }
.pk-cart-item-name:hover { color:rgba(255,255,255,0.8); }
.pk-cart-item-variant { font-size:0.8rem; color:#555; margin:0.2rem 0 0; }
.pk-cart-discount-hint { font-size:0.75rem; color:#fbbf24; margin:0.25rem 0 0; }
.pk-cart-deal-applied { font-size:0.75rem; color:#22c55e; font-weight:600; margin:0.25rem 0 0; display:flex; align-items:center; gap:3px; }
.pk-cart-addon-tag { display:inline-block; background:#1a1a1a; border:1px solid rgba(255,255,255,0.08); border-radius:9999px; padding:0.1rem 0.5rem; font-size:0.7rem; color:#777; margin:0.25rem 0.25rem 0 0; }
.pk-cart-item-controls { display:flex; flex-direction:column; align-items:flex-end; gap:0.5rem; }
.pk-cart-qty { display:flex; align-items:center; background:#111; border:1px solid rgba(255,255,255,0.08); border-radius:0.5rem; }
.pk-cart-qty-btn { width:30px; height:30px; background:none; border:none; color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:color 0.15s; padding:0; }
.pk-cart-qty-btn:disabled { color:#2a2a2a; cursor:not-allowed; }
.pk-cart-qty-btn:not(:disabled):hover { color:#fff; }
.pk-cart-qty-input { width:36px; height:30px; background:none; border:none; color:#fff; text-align:center; font-size:0.875rem; font-weight:600; font-family:inherit; padding:0; }
.pk-cart-qty-input::-webkit-inner-spin-button, .pk-cart-qty-input::-webkit-outer-spin-button { -webkit-appearance:none; }
.pk-cart-item-price { font-size:1rem; font-weight:700; color:#fff; white-space:nowrap; }
.pk-cart-remove { background:none; border:none; color:#2a2a2a; cursor:pointer; display:flex; align-items:center; justify-content:center; border-radius:0.375rem; transition:color 0.15s; padding:2px; flex-shrink:0; }
.pk-cart-remove:hover { color:#fff; }
.pk-cart-summary { background:#0d0d0d; border:1px solid rgba(255,255,255,0.07); border-radius:1rem; padding:1.5rem; }
.pk-cart-summary-title { font-size:1rem; font-weight:700; color:#fff; margin:0 0 1.25rem; }
.pk-cart-summary-row { display:flex; justify-content:space-between; align-items:center; margin-bottom:0.625rem; }
.pk-cart-summary-row .label { font-size:0.875rem; color:#555; }
.pk-cart-summary-row .value { font-size:0.875rem; color:#fff; font-weight:600; }
.pk-cart-summary-row.discount .value { color:#22c55e; }
.pk-cart-summary-divider { border:none; border-top:1px solid rgba(255,255,255,0.07); margin:1rem 0; }
.pk-cart-total-label { font-size:0.9375rem; font-weight:700; color:#fff; }
.pk-cart-total-value { font-size:1.5rem; font-weight:800; color:#fff; letter-spacing:-0.03em; }
.pk-cart-checkout-btn { width:100%; margin-top:1.125rem; background:#fff; color:#000; border:none; border-radius:0.75rem; padding:0.875rem 1rem; font-size:0.9375rem; font-weight:700; font-family:inherit; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:0.5rem; transition:opacity 0.15s; }
.pk-cart-checkout-btn:disabled { opacity:0.35; cursor:not-allowed; }
.pk-cart-error { background:rgba(239,68,68,0.1); border:1px solid rgba(239,68,68,0.2); border-radius:0.625rem; padding:0.75rem 1rem; font-size:0.8125rem; color:#f87171; margin-top:0.75rem; }
.pk-cart-bundle { background:#0d0d0d; border:1px solid rgba(255,255,255,0.07); border-radius:1rem; padding:1.25rem; margin-bottom:0.75rem; }
.pk-cart-bundle-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:0.875rem; gap:0.5rem; }
.pk-cart-bundle-name { font-size:0.875rem; font-weight:700; color:#fff; }
.pk-cart-bundle-badge { background:#fff; color:#000; border-radius:9999px; padding:0.125rem 0.625rem; font-size:0.75rem; font-weight:700; flex-shrink:0; }
.pk-cart-bundle-item { display:flex; align-items:center; gap:0.625rem; margin-bottom:0.5rem; }
.pk-cart-bundle-img { width:32px; height:32px; border-radius:0.375rem; overflow:hidden; flex-shrink:0; }
.pk-cart-bundle-item-name { flex:1; font-size:0.8125rem; font-weight:600; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pk-cart-bundle-add { padding:0.2rem 0.625rem; border-radius:0.375rem; background:none; border:1px solid rgba(255,255,255,0.15); color:#fff; font-size:0.75rem; font-weight:600; text-decoration:none; flex-shrink:0; transition:border-color 0.15s; }
.pk-cart-bundle-add:hover { border-color:rgba(255,255,255,0.4); color:#fff; }

/* ── 404 page ── */
.pk-404-wrap { min-height:70vh; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; padding:4rem 1.5rem; }
.pk-404-glow { position:absolute; top:50%; left:50%; transform:translate(-50%,-60%); width:600px; height:400px; background:radial-gradient(ellipse at center, rgba(255,255,255,0.04) 0%, transparent 70%); pointer-events:none; }
.pk-404-inner { text-align:center; position:relative; z-index:1; }
.pk-404-code { font-size:clamp(6rem,20vw,10rem); font-weight:800; color:#fff; line-height:1; letter-spacing:-0.05em; opacity:0.08; margin-bottom:-1.5rem; }
.pk-404-title { font-size:clamp(1.5rem,4vw,2.25rem); font-weight:800; color:#fff; margin:0 0 0.75rem; }
.pk-404-sub { font-size:0.9375rem; color:#555; margin:0 0 2.5rem; max-width:360px; margin-left:auto; margin-right:auto; }
.pk-404-actions { display:flex; gap:0.75rem; justify-content:center; flex-wrap:wrap; }

body { background:#000 !important; color:#fff !important; font-family:'Sora',sans-serif !important; overflow-x:hidden; }
.flex-wrapper { max-width:100% !important; padding:0 !important; }
.component { border-radius:0 !important; border:none !important; background:transparent !important; }
.components { padding:0 1.5rem 4rem; max-width:72rem; margin:0 auto; }

.bg-glow { position:fixed; inset:0; z-index:0; pointer-events:none; background: radial-gradient(ellipse 100% 70% at 50% -5%, rgba(255,255,255,0.10) 0%, transparent 75%), radial-gradient(ellipse 60% 40% at 50% -5%, rgba(255,255,255,0.05) 0%, transparent 60%); }

/* Navbar */
.pk-navbar-wrap { position:sticky; top:1rem; z-index:40; display:flex; justify-content:center; padding:0 1rem; }
.pk-navbar { display:flex; align-items:center; gap:0.5rem; padding:0.625rem 1.5rem; background:#000; border:1px solid rgba(255,255,255,0.1); border-radius:9999px; backdrop-filter:blur(10px); box-shadow:0 8px 32px rgba(0,0,0,0.3); width:fit-content; }
.pk-navbar-brand { display:flex; align-items:center; gap:0.5rem; margin-right:0.25rem; text-decoration:none; }
.pk-navbar-brand img { width:32px; height:32px; object-fit:contain; border-radius:6px; }
.pk-navbar-brand-name { font-size:0.875rem; font-weight:600; color:#fff; }
.pk-nav-links { display:none; align-items:center; }
.pk-nav-links a { padding:0.375rem 0.75rem; font-size:0.875rem; color:#d1d5db; border-radius:9999px; transition:color 0.15s,background 0.15s; text-decoration:none; }
.pk-nav-links a:hover { color:#fff; background:rgba(255,255,255,0.05); }
.pk-nav-divider { width:1px; height:1.25rem; background:rgba(255,255,255,0.1); display:none; }
.pk-nav-actions { display:flex; align-items:center; gap:0.5rem; margin-left:auto; }
.pk-btn-login { display:none; padding:0.375rem 1.25rem; border-radius:9999px; font-size:0.875rem; font-weight:600; background:#fff; color:#000; border:none; cursor:pointer; transition:background 0.15s; font-family:inherit; text-decoration:none; }
.pk-btn-login:hover { background:#f3f4f6; color:#000; text-decoration:none; }
.pk-icon-btn { display:flex; align-items:center; justify-content:center; width:2.25rem; height:2.25rem; border-radius:9999px; background:#1a1a1a; border:1px solid rgba(255,255,255,0.1); color:#d1d5db; text-decoration:none; transition:color 0.15s; }
.pk-icon-btn:hover { color:#fff; text-decoration:none; }
.pk-cur-dropdown { position:absolute; top:calc(100% + 8px); right:0; background:#111; border:1px solid rgba(255,255,255,0.1); border-radius:10px; padding:5px; min-width:110px; z-index:999; box-shadow:0 8px 24px rgba(0,0,0,0.5); }
.pk-cur-opt { display:flex; align-items:center; gap:0.5rem; width:100%; padding:0.4rem 0.65rem; border-radius:7px; background:none; border:none; color:rgba(255,255,255,0.8); font-size:0.8125rem; font-family:inherit; cursor:pointer; text-align:left; }
.pk-cur-opt:hover { background:rgba(255,255,255,0.08); color:#fff; }
.pk-btn-menu { display:flex; align-items:center; justify-content:center; background:none; border:none; color:#d1d5db; cursor:pointer; transition:color 0.15s; font-family:inherit; padding:0; }
.pk-btn-menu:hover { color:#fff; }
@media(min-width:768px){ .pk-nav-links{display:flex} .pk-nav-divider{display:block} .pk-btn-login{display:block} .pk-btn-menu{display:none!important} .pk-nav-actions{margin-left:0} }
.pk-mobile-nav { display:none; position:fixed; inset:0; z-index:50; background:rgba(0,0,0,0.97); backdrop-filter:blur(20px); flex-direction:column; align-items:center; justify-content:center; gap:2rem; }
.pk-mobile-nav.open { display:flex; }
.pk-mobile-nav a { font-size:1.5rem; font-weight:700; color:#d1d5db; text-decoration:none; }
.pk-mobile-nav a:hover { color:#fff; }
.pk-mobile-close { position:absolute; top:1.5rem; right:1.5rem; font-size:1.5rem; color:#888; padding:0.5rem; background:none; border:none; cursor:pointer; font-family:inherit; }

/* Hero */
.pk-hero { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:5rem 1rem 6rem; min-height:88vh; }
.pk-shapes { pointer-events:none; user-select:none; position:absolute; inset:0; }
@keyframes pk-popDown { 0%{opacity:0;transform:translateY(-160px) rotate(calc(var(--rotate,0deg) - 15deg))} 100%{opacity:1;transform:translateY(0) rotate(var(--rotate,0deg))} }
.pk-shape { opacity:0; will-change:transform,opacity; object-fit:contain; animation:1.2s cubic-bezier(0.23,0.86,0.39,0.96) forwards pk-popDown; position:absolute; }
.pk-s1{--rotate:12deg; width:clamp(300px,31vw,600px); height:clamp(70px,7.3vw,140px); animation-delay:.3s; top:12%; left:-32%}
.pk-s2{--rotate:-15deg; width:clamp(250px,26vw,500px); height:clamp(60px,6.3vw,120px); animation-delay:.5s; top:68%; right:-28%}
.pk-s3{--rotate:-8deg; width:clamp(150px,15.6vw,300px); height:clamp(40px,4.2vw,80px); animation-delay:.4s; bottom:3%; left:-18%}
.pk-s4{--rotate:20deg; width:clamp(100px,10.4vw,200px); height:clamp(30px,3.1vw,60px); animation-delay:.6s; top:8%; right:-14%}
.pk-s5{--rotate:-25deg; width:clamp(80px,7.8vw,150px); height:clamp(25px,2.1vw,40px); animation-delay:.7s; top:3%; left:-5%}
@media(max-width:1024px){.pk-s1{width:clamp(200px,28vw,400px);height:clamp(50px,7vw,100px);top:18%;left:-22%}.pk-s2{width:clamp(180px,24vw,350px);height:clamp(45px,6vw,90px);top:72%;right:-18%}.pk-s3{width:clamp(120px,15vw,220px);height:clamp(35px,4vw,60px);left:-8%}.pk-s4{width:clamp(90px,10vw,150px);height:clamp(28px,3vw,45px);right:-4%}.pk-s5{display:none}}
@media(max-width:768px){.pk-s1{opacity:.6;width:clamp(180px,37vw,280px);height:clamp(45px,9vw,70px);top:15%;left:-22%}.pk-s2{opacity:.6;width:clamp(160px,32vw,240px);height:clamp(40px,8vw,60px);top:75%;right:-20%}.pk-s3,.pk-s4,.pk-s5{display:none}}
@keyframes pk-fallIn { 0%{opacity:0;transform:translateY(-140px)} 55%{opacity:1;transform:translateY(10px)} 75%{transform:translateY(-5px)} 100%{opacity:1;transform:translateY(0)} }
.pk-fall { animation:0.75s cubic-bezier(0.22,1,0.36,1) both pk-fallIn; }
.pk-hero-content { position:relative; z-index:10; display:flex; flex-direction:column; align-items:center; gap:1.5rem; max-width:42rem; margin:0 auto; width:100%; }
.pk-badge { display:inline-flex; align-items:center; gap:0.5rem; font-size:0.75rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; padding:0.5rem 1rem; border-radius:9999px; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); color:#ccc; }
.pk-hero-title { font-size:clamp(2.5rem,6vw,3.75rem); font-weight:800; line-height:1.1; margin:0; background:linear-gradient(120deg,#ffffff 0%,#b0b0b0 25%,#ffffff 50%,#d0d0d0 75%,#ffffff 100%); background-size:250% 100%; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; animation:pkShimmer 5s ease-in-out infinite; }
.pk-hero-sub { font-size:1.125rem; color:#777; max-width:32rem; line-height:1.625; margin:0; }
.pk-search-box { display:flex; align-items:center; gap:0.75rem; padding:0.75rem 1.25rem; border-radius:9999px; background:#111; border:1px solid rgba(255,255,255,0.1); width:100%; max-width:28rem; color:#555; font-size:0.875rem; transition:border-color 0.15s; }
.pk-search-box:focus-within { border-color:rgba(255,255,255,0.25); }
.pk-hero-search-input { flex:1; background:transparent; border:none; outline:none; color:#fff; font-size:0.875rem; min-width:0; }
.pk-hero-search-input::placeholder { color:#555; }
.pk-hero-search-btn { background:rgba(255,255,255,0.07); border:none; border-radius:9999px; width:28px; height:28px; display:flex; align-items:center; justify-content:center; cursor:pointer; color:#888; transition:background 0.15s,color 0.15s; flex-shrink:0; padding:0; }
.pk-hero-search-btn:hover { background:rgba(255,255,255,0.16); color:#fff; }
.pk-reviews-real-divider { display:flex; align-items:center; gap:1rem; margin:2rem 0 0; }
.pk-reviews-real-divider::before,.pk-reviews-real-divider::after { content:''; flex:1; height:1px; background:rgba(255,255,255,0.07); }
.pk-reviews-real-divider span { font-size:0.75rem; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:#444; white-space:nowrap; }
.pk-ctas { display:flex; align-items:center; gap:0.75rem; flex-wrap:wrap; justify-content:center; }
.pk-btn-primary { padding:0.75rem 1.75rem; border-radius:9999px; font-size:0.875rem; font-weight:600; background:#fff; color:#000; text-decoration:none; transition:background 0.15s; display:inline-block; }
.pk-btn-primary:hover { background:#f3f4f6; color:#000; }
.pk-btn-outline { padding:0.75rem 1.75rem; border-radius:9999px; font-size:0.875rem; font-weight:600; color:#fff; border:1px solid rgba(255,255,255,0.15); text-decoration:none; transition:background 0.15s; display:inline-block; }
.pk-btn-outline:hover { background:rgba(255,255,255,0.05); color:#fff; }
.pk-stats { display:flex; align-items:center; justify-content:center; gap:1rem; flex-wrap:wrap; }
.pk-stat { display:flex; align-items:center; gap:1rem; padding:1rem 1.5rem; background:linear-gradient(135deg,rgba(0,0,0,0.1),rgba(138,138,138,0.1)); border:1px solid rgba(255,255,255,0.1); border-radius:1rem; backdrop-filter:blur(10px); }
.pk-stat:hover { transform:translateY(-3px); }
.pk-stat-icon { width:48px; height:48px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,rgba(255,255,255,0.2),rgba(255,255,255,0.1)); border-radius:12px; flex-shrink:0; }
.pk-stat-icon--live { background:linear-gradient(135deg,rgba(34,197,94,0.25),rgba(34,197,94,0.1)); color:#22c55e; position:relative; }
.pk-stat-icon--live::after { content:''; position:absolute; top:6px; right:6px; width:7px; height:7px; border-radius:50%; background:#22c55e; animation:pkViewerPulse 2s ease-in-out infinite; }
.pk-stat-val { font-size:1.5rem; font-weight:700; color:#fff; line-height:1; letter-spacing:-0.02em; }
.pk-stat-lbl { font-size:0.75rem; font-weight:500; color:rgba(255,255,255,0.7); text-transform:uppercase; letter-spacing:0.05em; }

/* Why section */
.pk-why { padding:5rem 1.5rem; background:transparent; }
.pk-why-inner { max-width:64rem; margin:0 auto; }
.pk-features-grid { display:grid; grid-template-columns:1fr; gap:1rem; margin-top:3.5rem; }
@media(min-width:640px){ .pk-features-grid{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1024px){ .pk-features-grid{ grid-template-columns:repeat(3,1fr); } }
.pk-feature-card { padding:1.75rem; border-radius:0.75rem; background:#0e0e0e; border:1px solid rgba(255,255,255,0.06); border-left:3px solid rgba(255,255,255,0.1); transition:border-left-color 0.2s; }
.pk-feature-card:hover { border-left-color:rgba(255,255,255,0.35); }
.pk-feature-icon { color:#999; margin-bottom:1rem; }
.pk-feature-title { font-weight:700; color:#fff; margin-bottom:0.5rem; font-size:1rem; }
.pk-feature-desc { font-size:0.875rem; line-height:1.625; color:#666; }
.pk-section-title { font-size:clamp(1.875rem,4vw,2.25rem); font-weight:800; color:#fff; margin-bottom:0.75rem; }
.pk-section-sub { color:#666; }
.pk-reveal { opacity:0; transform:translateY(30px); transition:opacity 0.7s cubic-bezier(0.22,1,0.36,1),transform 0.7s cubic-bezier(0.22,1,0.36,1); }
.pk-reveal.pk-visible { opacity:1; transform:translateY(0); }

/* Footer */
.pk-footer-wrap { background:#080808; border-top:1px solid rgba(255,255,255,0.06); }
.pk-footer-inner { max-width:72rem; margin:0 auto; padding:3.5rem 1.5rem 2rem; }
.pk-footer-grid { display:grid; grid-template-columns:1fr; gap:2.5rem; margin-bottom:3rem; }
@media(min-width:640px){ .pk-footer-grid{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1024px){ .pk-footer-grid{ grid-template-columns:1fr 1fr 1fr 1fr; } }
.pk-footer-brand-row { display:flex; align-items:center; gap:0.5rem; margin-bottom:1rem; }
.pk-footer-brand-row img { width:36px; height:36px; object-fit:contain; border-radius:6px; }
.pk-footer-brand-name { font-weight:700; color:#fff; }
.pk-footer-tagline { font-size:0.875rem; line-height:1.625; color:#555; }
.pk-footer-col h3 { font-weight:700; color:#fff; margin-bottom:1rem; font-size:0.875rem; letter-spacing:0.025em; }
.pk-footer-col ul { display:flex; flex-direction:column; gap:0.625rem; list-style:none; padding:0; margin:0; }
.pk-footer-col a { font-size:0.875rem; color:#666; transition:color 0.15s; text-decoration:none; }
.pk-footer-col a:hover { color:#fff; }
.pk-discord-row { display:flex; align-items:center; gap:0.5rem; font-size:0.875rem; color:#666; transition:color 0.15s; text-decoration:none; }
.pk-discord-row:hover { color:#fff; }
.pk-discord-dot { width:8px; height:8px; border-radius:50%; background:#5865F2; display:inline-block; flex-shrink:0; }
.pk-footer-bottom { border-top:1px solid rgba(255,255,255,0.06); padding-top:1.5rem; text-align:center; font-size:0.75rem; color:#444; }

/* Custom right-click context menu */
.pk-ctx-item { display:flex; align-items:center; gap:0.625rem; width:100%; padding:0.5rem 0.75rem; border-radius:7px; background:none; border:none; color:rgba(255,255,255,0.85); font-size:0.8125rem; font-family:inherit; cursor:pointer; text-decoration:none; transition:background 0.12s,color 0.12s; }
.pk-ctx-item:hover { background:rgba(255,255,255,0.08); color:#fff; }
.pk-ctx-item svg { flex-shrink:0; opacity:0.7; }
.pk-ctx-divider { height:1px; background:rgba(255,255,255,0.07); margin:4px 0; }
.pk-ctx-footer { padding:0.375rem 0.75rem; font-size:0.7rem; color:rgba(255,255,255,0.3); }

/* Product description markdown */
.editor h1,.editor h2,.editor h3,.editor h4 { color:#fff; font-weight:700; margin:1.25rem 0 0.5rem; line-height:1.3; }
.editor h1 { font-size:1.5rem; }
.editor h2 { font-size:1.125rem; margin-top:1.75rem; padding-bottom:0.375rem; border-bottom:1px solid rgba(255,255,255,0.08); }
.editor h3 { font-size:0.9375rem; }
.editor p { font-size:0.875rem; line-height:1.75; color:rgba(255,255,255,0.65); margin-bottom:0.75rem; }
.editor ul,.editor ol { font-size:0.875rem; line-height:1.75; color:rgba(255,255,255,0.65); padding-left:1.25rem; margin-bottom:0.75rem; }
.editor li { margin-bottom:0.25rem; }
.editor strong { color:#fff; }
.editor code { font-size:0.8rem; color:#ccc; background:rgba(255,255,255,0.06); padding:0.125rem 0.375rem; border-radius:4px; }
.editor a { color:rgba(255,255,255,0.6); text-decoration:underline; }
.editor a:hover { color:#fff; }

/* Product detail page */
.pk-pdp { max-width:72rem; margin:0 auto; padding:0 1.5rem 6rem; }
.pk-pdp-back-row { padding:1.5rem 0 0.5rem; }
.pk-pdp-back { display:inline-flex; align-items:center; gap:0.375rem; font-size:0.8125rem; color:#555; text-decoration:none; transition:color 0.15s; }
.pk-pdp-back:hover { color:#fff; }
.pk-pdp-layout { display:grid; grid-template-columns:1fr; gap:2.5rem; margin-top:1.5rem; }
@media(min-width:768px){ .pk-pdp-layout { grid-template-columns:1fr 1fr; align-items:start; } }
@media(min-width:1024px){ .pk-pdp-layout { grid-template-columns:55% 1fr; } }

/* Gallery */
.pk-pdp-gallery { margin-bottom:1.5rem; }
.pk-pdp-img-main { border-radius:0.875rem; overflow:hidden; background:#0d0d0d; border:1px solid rgba(255,255,255,0.07); aspect-ratio:16/9; display:flex; align-items:center; justify-content:center; }
.pk-pdp-img-main img { width:100%; height:100%; object-fit:cover; display:block; }
.pk-pdp-img-placeholder { color:#222; }
.pk-pdp-thumbs { display:flex; gap:0.5rem; margin-top:0.75rem; flex-wrap:wrap; }
.pk-pdp-thumb { width:60px; height:44px; border-radius:0.5rem; overflow:hidden; background:#111; border:1px solid rgba(255,255,255,0.07); padding:0; cursor:pointer; transition:border-color 0.15s; flex-shrink:0; }
.pk-pdp-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.pk-pdp-thumb.active { border-color:rgba(255,255,255,0.4); }
.pk-pdp-thumb:hover { border-color:rgba(255,255,255,0.25); }

/* Description tabs */
.pk-pdp-desc { background:#0d0d0d; border:1px solid rgba(255,255,255,0.07); border-radius:0.875rem; overflow:hidden; }
.pk-pdp-tabs-nav { display:flex; border-bottom:1px solid rgba(255,255,255,0.07); padding:0 0.25rem; gap:0.125rem; }
.pk-pdp-tab { padding:0.875rem 1.125rem; background:none; border:none; font-size:0.8125rem; font-weight:600; color:#555; cursor:pointer; font-family:inherit; border-bottom:2px solid transparent; margin-bottom:-1px; transition:color 0.15s,border-color 0.15s; }
.pk-pdp-tab.active { color:#fff; border-bottom-color:#fff; }
.pk-pdp-tab:hover { color:#ccc; }
.pk-pdp-desc-label { padding:0.875rem 1.25rem; font-size:0.8125rem; font-weight:600; color:#555; border-bottom:1px solid rgba(255,255,255,0.07); }
.pk-pdp-desc-body { padding:1.25rem 1.5rem 1.5rem; }

/* Right info column */
.pk-pdp-right { position:sticky; top:5rem; }
.pk-pdp-category { display:inline-block; font-size:0.7rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:#555; text-decoration:none; margin-bottom:0.75rem; transition:color 0.15s; }
.pk-pdp-category:hover { color:#ccc; }
.pk-pdp-badges { display:flex; flex-wrap:wrap; gap:0.375rem; margin-bottom:0.75rem; }
.pk-pdp-title { font-size:clamp(1.5rem,3.5vw,2rem); font-weight:800; color:#fff; margin:0 0 0.75rem; line-height:1.2; }
/* Viewer count widget */
.pk-viewers { display:inline-flex; align-items:center; gap:0.5rem; font-size:0.8125rem; color:#555; margin-bottom:0.875rem; }
.pk-viewers-dot { width:7px; height:7px; border-radius:50%; background:#22c55e; flex-shrink:0; animation:pkViewerPulse 2s ease-in-out infinite; }

.pk-pdp-status { display:flex; align-items:center; gap:0.5rem; margin-bottom:0.75rem; }
.pk-pdp-status-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; animation:pk-pulse 2s infinite; }
@keyframes pk-pulse { 0%,100%{opacity:1} 50%{opacity:0.4} }
.pk-pdp-live { display:flex; flex-wrap:wrap; gap:1rem; margin-bottom:1rem; padding:0.75rem 1rem; background:#0d0d0d; border:1px solid rgba(255,255,255,0.06); border-radius:0.625rem; }
.pk-pdp-live-item { display:flex; align-items:center; gap:0.4rem; font-size:0.8rem; color:#666; }
.pk-pdp-live-item strong { color:#ccc; }
.pk-pdp-price-row { display:flex; align-items:center; gap:1rem; margin-bottom:1rem; }
.pk-pdp-price { font-size:2rem; font-weight:800; color:#fff; letter-spacing:-0.02em; }
.pk-pdp-divider { height:1px; background:rgba(255,255,255,0.07); margin:1.25rem 0; }

/* Form overrides */
.form-label { font-size:0.75rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:#444 !important; margin-bottom:0.625rem; }
.form-control { background:#111 !important; border:1px solid rgba(255,255,255,0.1) !important; color:#fff !important; border-radius:0.5rem !important; font-family:inherit !important; font-size:0.875rem !important; }
.form-control:focus { border-color:rgba(255,255,255,0.25) !important; box-shadow:none !important; background:#111 !important; color:#fff !important; }
.input-group .btn { background:#111 !important; border:1px solid rgba(255,255,255,0.1) !important; color:#ccc !important; border-radius:0.5rem !important; }
.input-group .btn:hover { background:#1a1a1a !important; color:#fff !important; }
.input-group .btn:disabled { opacity:0.3 !important; }
.input-group { gap:0.375rem !important; }
.input-group .form-control { text-align:center; max-width:80px; }
.variants { display:flex; flex-direction:column; gap:0.5rem; }
.variant { background:#0d0d0d !important; border:1px solid rgba(255,255,255,0.1) !important; border-radius:0.75rem !important; padding:0.875rem 1rem !important; color:#ccc !important; text-align:left !important; cursor:pointer !important; position:relative !important; transition:border-color 0.2s !important; }
.variant:hover { border-color:rgba(255,255,255,0.2) !important; }
.variant.active { border-color:rgba(255,255,255,0.4) !important; background:#111 !important; color:#fff !important; }
.variant:disabled { opacity:0.35 !important; cursor:not-allowed !important; }
.variant .name-stock .name { font-weight:700; color:inherit; margin:0 0 0.125rem; font-size:0.9rem; }
.variant .name-stock .description { font-size:0.8rem; color:#666 !important; margin:0 0 0.125rem; }
.variant .name-stock .stock { font-size:0.75rem; color:#555 !important; margin:0; }
.variant .price { font-weight:700; color:#fff; margin-top:0.5rem; font-size:0.9rem; }
.variant .active-indicator { position:absolute; top:0.75rem; right:0.75rem; color:#fff; width:18px; height:18px; }
.addon-item { background:#0d0d0d !important; border:1px solid rgba(255,255,255,0.07) !important; border-radius:0.625rem !important; }
.btn-addon-add { background:#111 !important; border:1px solid rgba(255,255,255,0.1) !important; color:#ccc !important; border-radius:0.5rem !important; font-size:0.75rem !important; }
.btn-addon-add:hover { background:#1a1a1a !important; color:#fff !important; }
.btn-addon-remove { background:rgba(239,68,68,0.1) !important; border:1px solid rgba(239,68,68,0.2) !important; color:#ef4444 !important; border-radius:0.5rem !important; font-size:0.75rem !important; }
.alert-warning { background:rgba(245,158,11,0.1) !important; border:1px solid rgba(245,158,11,0.2) !important; color:#fbbf24 !important; border-radius:0.625rem !important; font-size:0.8125rem !important; }
.buy-buttons .btn-primary { background:#fff !important; color:#000 !important; border:none !important; border-radius:0.75rem !important; font-weight:700 !important; padding:0.875rem !important; font-size:0.875rem !important; }
.buy-buttons .btn-primary:hover { background:#f3f4f6 !important; }
.buy-buttons .btn-outline-primary { background:transparent !important; border:1px solid rgba(255,255,255,0.2) !important; color:#fff !important; border-radius:0.75rem !important; font-weight:700 !important; padding:0.875rem !important; font-size:0.875rem !important; }
.buy-buttons .btn-outline-primary:hover { background:rgba(255,255,255,0.05) !important; border-color:rgba(255,255,255,0.35) !important; }
.buy-buttons .btn:disabled { opacity:0.4 !important; cursor:not-allowed !important; }
.nextVolumeDiscount .form-control { background:#0d0d0d !important; border-color:rgba(255,255,255,0.07) !important; color:#888 !important; font-size:0.8rem !important; }
.badge.rounded-pill.text-bg-primary { background:#fff !important; color:#000 !important; }

/* Upsells */
.pk-pdp-upsells { padding-top:4rem; border-top:1px solid rgba(255,255,255,0.06); margin-top:4rem; }

/* Products page */
.pk-products-wrap { padding-bottom:6rem; }
.pk-products-header { text-align:center; padding:4rem 1.5rem 2rem; display:flex; flex-direction:column; align-items:center; }
.pk-products-title { font-size:clamp(2rem,5vw,2.75rem); font-weight:800; color:#fff; margin:0.5rem 0; }
.pk-products-sub { color:#555; font-size:0.875rem; margin:0 0 1.5rem; }

/* Live search bar */
.pk-live-search-wrap { position:relative; display:flex; align-items:center; max-width:36rem; margin:0 auto; background:#0d0d0d; border:1px solid rgba(255,255,255,0.09); border-radius:0.875rem; padding:0 1rem; transition:border-color 0.15s; }
.pk-live-search-wrap:focus-within { border-color:rgba(255,255,255,0.22); }
.pk-live-search-icon { color:#3a3a3a; flex-shrink:0; }
.pk-live-search-input { flex:1; background:none; border:none; padding:0.875rem 0.625rem; color:#fff; font-size:0.9375rem; font-family:inherit; outline:none; min-width:0; }
.pk-live-search-input::placeholder { color:#383838; }
.pk-live-search-clear { background:none; border:none; color:#444; cursor:pointer; padding:0.25rem; display:flex; align-items:center; flex-shrink:0; transition:color 0.15s; }
.pk-live-search-clear:hover { color:#fff; }
.pk-mobile-filter-row { display:flex; justify-content:flex-end; padding:0 1.5rem 1rem; max-width:72rem; margin:0 auto; }
.pk-mobile-filter-btn { display:none; align-items:center; gap:0.5rem; padding:0.5rem 1rem; border-radius:0.625rem; background:#111; border:1px solid rgba(255,255,255,0.1); color:#ccc; font-size:0.8125rem; font-family:inherit; cursor:pointer; }
@media(max-width:767px){ .pk-mobile-filter-btn { display:flex; } }
.pk-products-layout { display:flex; gap:1.5rem; padding:0 1.5rem; max-width:72rem; margin:0 auto; align-items:flex-start; }
.pk-sidebar-overlay { display:none; position:fixed; inset:0; z-index:48; background:rgba(0,0,0,0.6); backdrop-filter:blur(4px); }
.pk-products-sidebar { width:220px; flex-shrink:0; position:sticky; top:5rem; }
@media(max-width:767px){
  .pk-products-sidebar { position:fixed; top:0; left:-280px; width:270px; height:100vh; z-index:49; transition:left 0.3s cubic-bezier(0.22,1,0.36,1); overflow-y:auto; }
  .pk-products-sidebar.open { left:0; }
  .pk-sidebar-overlay[style=""] { display:block; }
}
.pk-sidebar-inner { background:#0d0d0d; border:1px solid rgba(255,255,255,0.07); border-radius:1rem; padding:1.25rem; }
@media(max-width:767px){ .pk-sidebar-inner { border-radius:0; border:none; min-height:100vh; padding:1.5rem; } }
.pk-sidebar-close-row { display:flex; align-items:center; justify-content:space-between; margin-bottom:1.5rem; }
.pk-sidebar-close { background:none; border:none; color:#555; font-size:1rem; cursor:pointer; font-family:inherit; padding:0; }
.pk-sidebar-close:hover { color:#fff; }
.pk-filter-group { margin-bottom:1.5rem; }
.pk-filter-label { font-size:0.7rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:#444; margin-bottom:0.625rem; }
.pk-cat-list { display:flex; flex-direction:column; gap:1px; }
.pk-cat-link { display:block; padding:0.375rem 0.625rem; border-radius:6px; font-size:0.8125rem; color:#666; text-decoration:none; transition:color 0.15s,background 0.15s; }
.pk-cat-link:hover { color:#fff; background:rgba(255,255,255,0.05); }
.pk-cat-link.active { color:#fff; background:rgba(255,255,255,0.07); }
.pk-filter-search-wrap { display:flex; align-items:center; gap:0.5rem; background:#111; border:1px solid rgba(255,255,255,0.08); border-radius:0.5rem; padding:0 0.75rem; }
.pk-filter-search-wrap:focus-within { border-color:rgba(255,255,255,0.18); }
.pk-filter-search-wrap svg { color:#444; flex-shrink:0; }
.pk-filter-search { background:none; border:none; padding:0.5rem 0; color:#fff; font-size:0.8125rem; font-family:inherit; width:100%; outline:none; }
.pk-filter-search::placeholder { color:#444; }
.pk-price-range { display:flex; align-items:center; gap:0.5rem; }
.pk-price-input { display:flex; align-items:center; background:#111; border:1px solid rgba(255,255,255,0.08); border-radius:0.5rem; padding:0 0.5rem; flex:1; }
.pk-price-input:focus-within { border-color:rgba(255,255,255,0.18); }
.pk-price-sym { color:#444; font-size:0.75rem; flex-shrink:0; }
.pk-price-input input { background:none; border:none; padding:0.5rem 0.25rem; color:#fff; font-size:0.8125rem; font-family:inherit; width:100%; outline:none; }
.pk-price-input input::placeholder { color:#444; }
.pk-products-main { flex:1; min-width:0; }
.pk-products-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }
@media(min-width:1024px){ .pk-products-grid { grid-template-columns:repeat(3,1fr); } }
.pk-products-empty { text-align:center; padding:5rem 1.5rem; display:flex; flex-direction:column; align-items:center; }

/* Product card */
.pk-product-card { display:flex; flex-direction:column; border-radius:1rem; overflow:hidden; background:rgba(16,16,16,0.75); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,0.08); box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 4px 24px rgba(0,0,0,0.35); text-decoration:none; transition:border-color 0.25s,transform 0.25s,box-shadow 0.25s; position:relative; }
.pk-product-card::before { content:''; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(135deg,rgba(255,255,255,0.04) 0%,transparent 60%); pointer-events:none; z-index:0; }
.pk-product-card:hover { border-color:rgba(255,255,255,0.2); transform:translateY(-4px); box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 20px 50px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.06); text-decoration:none; }
.pk-card-img-wrap { position:relative; aspect-ratio:16/9; background:#111; overflow:hidden; }
.pk-card-img-wrap img { width:100%; height:100%; object-fit:cover; transition:transform 0.4s; }
.pk-product-card:hover .pk-card-img-wrap img { transform:scale(1.04); }
.pk-card-placeholder { width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#2a2a2a; }
.pk-card-overlay { position:absolute; inset:0; background:rgba(0,0,0,0.55); display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity 0.2s; }
.pk-product-card:hover .pk-card-overlay { opacity:1; }
.pk-card-view-btn { display:flex; align-items:center; gap:0.375rem; background:#fff; color:#000; font-size:0.75rem; font-weight:700; padding:0.5rem 1.125rem; border-radius:9999px; }
.pk-card-badges { position:absolute; top:0.625rem; left:0.625rem; display:flex; flex-wrap:wrap; gap:0.25rem; }
.pk-card-badge { font-size:0.65rem; font-weight:700; padding:0.2rem 0.5rem; border-radius:9999px; color:#fff; }
.pk-card-body { padding:1rem 1rem 1.125rem; display:flex; flex-direction:column; gap:0.375rem; flex:1; position:relative; z-index:1; }
.pk-card-meta { display:flex; align-items:center; gap:0.375rem; }
.pk-card-stock-pill { font-size:0.7rem; font-weight:600; letter-spacing:0.02em; display:inline-flex; align-items:center; gap:0.3rem; color:#555; }
.pk-card-stock-pill.in { color:#4ade80; }
.pk-card-stock-pill.out { color:#f87171; }
.pk-card-stock-pill.group { color:#818cf8; }
.pk-card-stock-dot { width:5px; height:5px; border-radius:50%; background:#4ade80; flex-shrink:0; }
.pk-card-stock-dot.unlimited { background:#818cf8; }
.pk-card-name { font-size:0.9375rem; font-weight:700; color:#fff; margin:0; line-height:1.35; }
.pk-card-price-row { display:flex; align-items:center; gap:0.5rem; margin-top:auto; padding-top:0.625rem; }
.pk-card-price { font-size:0.9375rem; font-weight:700; color:#fff; }
.pk-card-slash { font-size:0.8rem; color:#444; font-weight:400; }

/* Legal pages */
.pk-legal-hero { position:relative; text-align:center; padding:5rem 1.5rem 3.5rem; overflow:hidden; }
.pk-legal-hero-content { position:relative; z-index:10; display:flex; flex-direction:column; align-items:center; gap:1rem; }
.pk-legal-title { font-size:clamp(2rem,5vw,3rem); font-weight:800; color:#fff; margin:0.5rem 0 0; }
.pk-legal-date { color:#555; font-size:0.875rem; margin:0; }
.pk-legal-body { max-width:48rem; margin:0 auto; padding:0 1.5rem 6rem; }
.pk-legal-section { margin-top:2.5rem; }
.pk-legal-section h2 { font-size:1.125rem; font-weight:700; color:#fff; margin-bottom:0.75rem; padding-left:1rem; border-left:2px solid rgba(255,255,255,0.2); }
.pk-legal-section h3 { font-size:0.9375rem; font-weight:600; color:#fff; margin:1.25rem 0 0.5rem; }
.pk-legal-section p { font-size:0.875rem; line-height:1.75; color:rgba(255,255,255,0.65); margin-bottom:0.75rem; }
.pk-legal-section ul { font-size:0.875rem; line-height:1.75; color:rgba(255,255,255,0.65); padding-left:1.25rem; margin-bottom:0.75rem; }
.pk-legal-section li { margin-bottom:0.375rem; }
.pk-legal-section strong { color:#fff; }
.pk-legal-section a { color:rgba(255,255,255,0.6); text-decoration:underline; }
.pk-legal-section a:hover { color:#fff; }
.pk-legal-section code { font-size:0.8rem; color:#ccc; background:rgba(255,255,255,0.06); padding:0.125rem 0.375rem; border-radius:4px; }

/* ===================== SCROLL REVEAL ===================== */
.pk-reveal { opacity:0; transform:translateY(20px); transition:opacity 0.55s ease,transform 0.55s ease; }
.pk-reveal.pk-revealed { opacity:1; transform:translateY(0); }

/* ===================== BACK TO TOP ===================== */
.pk-btt { position:fixed; bottom:6rem; right:1.5rem; z-index:996; width:2.625rem; height:2.625rem; border-radius:50%; background:#111; border:1px solid rgba(255,255,255,0.1); color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0; transform:translateY(6px); transition:opacity 0.2s,transform 0.2s,background 0.15s; pointer-events:none; padding:0; }
.pk-btt.visible { opacity:1; transform:translateY(0); pointer-events:auto; }
.pk-btt:hover { background:#1c1c1c; border-color:rgba(255,255,255,0.2); }
@media(max-width:767px){ .pk-btt { bottom:5rem; right:1rem; width:2.25rem; height:2.25rem; } }

/* ===================== MOBILE BOTTOM NAV ===================== */
.pk-mobile-bottom-nav { display:none; }
@media(max-width:767px){
  .pk-mobile-bottom-nav { display:flex; position:fixed; bottom:0; left:0; right:0; z-index:600; background:rgba(6,6,6,0.96); border-top:1px solid rgba(255,255,255,0.06); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); padding:0.4rem 0 calc(0.4rem + env(safe-area-inset-bottom,0px)); }
  body { padding-bottom:4.25rem; }
  .pk-btn-menu { display:none !important; }
  #pkMobileNav { display:none !important; }
  .pk-fab-discord { bottom:5.25rem !important; }
}
.pk-mbn-item { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0.2rem; padding:0.3rem 0; color:#3d3d3d; text-decoration:none; background:none; border:none; cursor:pointer; font-size:0.59rem; font-weight:700; letter-spacing:0.07em; text-transform:uppercase; font-family:inherit; transition:color 0.15s; position:relative; }
.pk-mbn-item:hover, .pk-mbn-item.active { color:#fff; }
.pk-mbn-badge { position:absolute; top:0; right:50%; transform:translateX(10px); min-width:15px; height:15px; background:#fff; color:#000; font-size:0.55rem; font-weight:700; border-radius:9999px; display:flex; align-items:center; justify-content:center; padding:0 3px; line-height:1; }

/* ===================== CUSTOMER DASHBOARD ===================== */
.pk-dash-wrap { max-width:72rem; margin:0 auto; padding:2.5rem 1.5rem 5rem; }
.pk-dash-layout { display:grid; grid-template-columns:220px 1fr; gap:2rem; align-items:start; }
@media(max-width:860px){ .pk-dash-layout { grid-template-columns:1fr; } }
.pk-dash-page-title { font-size:1.375rem; font-weight:800; color:#fff; margin:0 0 1.25rem; letter-spacing:-0.03em; }

/* Sidebar */
.pk-dash-sidebar { background:#0a0a0a; border:1px solid rgba(255,255,255,0.06); border-radius:1rem; padding:1.375rem; position:sticky; top:5.5rem; }
.pk-dash-sidebar-brand { display:flex; align-items:center; gap:0.625rem; margin-bottom:0.25rem; }
.pk-dash-email { font-size:0.75rem; color:#444; margin:0 0 1rem; word-break:break-all; padding-left:0.125rem; }
.pk-dash-nav { display:flex; flex-direction:column; gap:0.125rem; }
.pk-dash-nav-link { display:flex; align-items:center; gap:0.5rem; padding:0.5625rem 0.75rem; border-radius:0.5625rem; color:#484848; text-decoration:none; font-size:0.8125rem; font-weight:600; transition:color 0.15s,background 0.15s; background:none; border:none; font-family:inherit; cursor:pointer; width:100%; text-align:left; line-height:1.4; }
.pk-dash-nav-link:hover { color:#ccc; background:rgba(255,255,255,0.04); }
.pk-dash-nav-link.active { color:#fff; background:rgba(255,255,255,0.07); }
.pk-dash-nav-divider { height:1px; background:rgba(255,255,255,0.06); margin:0.5rem 0; }
.pk-dash-logout { color:#3a3a3a !important; }
.pk-dash-logout:hover { color:rgba(239,68,68,0.6) !important; }

/* Stats grid */
.pk-dash-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:0.875rem; margin-bottom:1rem; }
@media(max-width:640px){ .pk-dash-stats { grid-template-columns:1fr 1fr; } }
.pk-dash-stat { background:#0a0a0a; border:1px solid rgba(255,255,255,0.06); border-radius:0.875rem; padding:1.125rem 1.25rem; }
.pk-dash-stat-label { font-size:0.6875rem; font-weight:700; color:#3d3d3d; text-transform:uppercase; letter-spacing:0.07em; margin-bottom:0.4rem; }
.pk-dash-stat-value { font-size:1.4375rem; font-weight:800; color:#fff; letter-spacing:-0.03em; line-height:1.1; }
.pk-dash-stat-value--sm { font-size:0.9375rem; letter-spacing:-0.01em; }
.pk-dash-stat-link { font-size:0.75rem; font-weight:600; color:#555; text-decoration:none; margin-top:0.375rem; display:inline-block; }
.pk-dash-stat-link:hover { color:#fff; }

/* Cards */
.pk-dash-card { background:#0a0a0a; border:1px solid rgba(255,255,255,0.06); border-radius:0.875rem; padding:1.375rem; margin-bottom:0.875rem; }
.pk-dash-card-title { font-size:0.6875rem; font-weight:700; color:#3d3d3d; text-transform:uppercase; letter-spacing:0.07em; margin:0 0 0.875rem; }
.pk-dash-order-name { font-size:0.9375rem; font-weight:700; color:#fff; margin:0 0 0.375rem; }
.pk-dash-order-meta { font-size:0.8rem; color:#444; }
.pk-dash-order-meta a { color:#555; text-decoration:none; }
.pk-dash-order-meta a:hover { color:#fff; }
.pk-dash-delete-btn { background:none; border:1px solid rgba(239,68,68,0.2); color:rgba(239,68,68,0.5); border-radius:0.5rem; padding:0.5rem 1.25rem; font-size:0.8125rem; font-weight:600; cursor:pointer; font-family:inherit; transition:border-color 0.15s,color 0.15s; }
.pk-dash-delete-btn:hover { border-color:rgba(239,68,68,0.5); color:#ef4444; }

/* Invoice rows */
.pk-inv-header { display:grid; grid-template-columns:140px 90px 1fr 80px 110px; gap:0.75rem; padding:0.75rem 1.5rem; font-size:0.6875rem; font-weight:700; color:#333; text-transform:uppercase; letter-spacing:0.07em; border-bottom:1px solid rgba(255,255,255,0.05); }
.pk-inv-row { display:grid; grid-template-columns:140px 90px 1fr 80px 110px; gap:0.75rem; padding:1rem 1.5rem; border-bottom:1px solid rgba(255,255,255,0.04); align-items:center; transition:background 0.12s; }
.pk-inv-row:last-child { border-bottom:none; }
.pk-inv-row:hover { background:rgba(255,255,255,0.018); }
@media(max-width:760px){
  .pk-inv-header { display:none; }
  .pk-inv-row { grid-template-columns:1fr auto; grid-template-rows:auto auto; gap:0.5rem; padding:1rem 1.25rem; }
  .pk-inv-row > div:nth-child(3) { grid-column:1; grid-row:2; }
  .pk-inv-row > div:nth-child(4) { grid-column:2; grid-row:1; }
  .pk-inv-row > div:nth-child(2),
  .pk-inv-row > div:nth-child(5) { display:none; }
}
.pk-inv-status { display:inline-flex; align-items:center; gap:0.35rem; font-size:0.75rem; font-weight:700; text-transform:capitalize; }
.pk-inv-dot { width:6px; height:6px; border-radius:50%; background:currentColor; flex-shrink:0; }
.pk-inv-status.completed { color:#22c55e; }
.pk-inv-status.pending { color:#fbbf24; }
.pk-inv-status.cancelled, .pk-inv-status.refunded { color:#ef4444; }
.pk-inv-date { font-size:0.75rem; color:#3d3d3d; margin-top:0.25rem; }
.pk-inv-id { font-size:0.875rem; font-weight:700; color:#777; text-decoration:none; }
.pk-inv-id:hover { color:#fff; }
.pk-inv-product { font-size:0.8125rem; color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pk-inv-price { font-size:0.875rem; font-weight:700; color:#fff; }
.pk-inv-action-btn { font-size:0.75rem; font-weight:600; color:#555; text-decoration:none; background:none; border:1px solid rgba(255,255,255,0.08); border-radius:0.4375rem; padding:0.3rem 0.75rem; cursor:pointer; font-family:inherit; transition:color 0.15s,border-color 0.15s; display:inline-block; }
.pk-inv-action-btn:hover { color:#fff; border-color:rgba(255,255,255,0.25); }