.cpp-wrap{--pp-bg:#08080d;--pp-panel:#101018;--pp-panel2:#151520;--pp-gold:#d7af50;--pp-gold2:#f2d786;--pp-purple:#7c3cff;--pp-purple2:#aa67ff;--pp-text:#f8f5ff;--pp-muted:#aaa6bb;--pp-border:rgba(215,175,80,.22);position:relative;color:var(--pp-text);padding:2px 0 36px}.cpp-wrap *{box-sizing:border-box}.cpp-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;min-height:155px;padding:30px 34px;margin-bottom:20px;border:1px solid var(--pp-border);border-radius:24px;background:radial-gradient(circle at 85% 10%,rgba(124,60,255,.22),transparent 28%),linear-gradient(135deg,rgba(215,175,80,.08),transparent 38%),#0d0d14;box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.03)}.cpp-eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--pp-gold2)}.cpp-hero h1{margin:8px 0 7px;font-size:30px;letter-spacing:-.02em}.cpp-hero p{margin:0;max-width:760px;color:var(--pp-muted);font-size:14px;line-height:1.55}.cpp-hero-orb{width:120px;height:90px;position:relative;flex:0 0 120px}.cpp-hero-orb span{position:absolute;border-radius:50%;filter:blur(.2px)}.cpp-hero-orb span:nth-child(1){width:70px;height:70px;right:10px;top:5px;background:radial-gradient(circle at 35% 30%,#c69cff,#6f2dff 42%,#241145 72%);box-shadow:0 0 40px rgba(124,60,255,.6)}.cpp-hero-orb span:nth-child(2){width:34px;height:34px;right:73px;top:45px;background:radial-gradient(circle at 30% 30%,#fff0b1,#d7af50 48%,#6d5420 80%);box-shadow:0 0 25px rgba(215,175,80,.35)}.cpp-hero-orb span:nth-child(3){width:8px;height:8px;right:75px;top:17px;background:#fff3bd;box-shadow:0 0 16px #d7af50}.cpp-search-shell{border:1px solid rgba(124,60,255,.24);border-radius:22px;background:linear-gradient(180deg,rgba(20,19,29,.96),rgba(10,10,16,.96));padding:18px;box-shadow:0 12px 38px rgba(0,0,0,.22)}.cpp-searchbar{display:grid;grid-template-columns:42px 1fr auto;align-items:center;background:#08080e;border:1px solid rgba(215,175,80,.26);border-radius:16px;overflow:hidden;transition:.2s}.cpp-searchbar:focus-within{border-color:rgba(170,103,255,.9);box-shadow:0 0 0 3px rgba(124,60,255,.12),0 0 28px rgba(124,60,255,.16)}.cpp-search-icon{font-size:27px;text-align:center;color:var(--pp-gold2);transform:rotate(-15deg)}.cpp-searchbar input{height:56px;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;font-size:16px!important;padding:0 8px!important;box-shadow:none!important}.cpp-searchbar input::placeholder{color:#777389}.cpp-searchbar button{height:42px;margin-right:7px;padding:0 23px;border:0;border-radius:12px;background:linear-gradient(135deg,#6c2fff,#9857ff);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 24px rgba(124,60,255,.32)}.cpp-hints{display:flex;gap:8px;flex-wrap:wrap;margin:11px 0 3px}.cpp-hints button{border:1px solid rgba(215,175,80,.18);background:rgba(215,175,80,.05);color:#c9c4d3;border-radius:999px;padding:7px 11px;font-size:11px;cursor:pointer}.cpp-hints button:hover{color:#fff;border-color:rgba(215,175,80,.5)}.cpp-filters{display:grid;grid-template-columns:auto auto minmax(115px,1fr) minmax(115px,1fr) minmax(170px,1.15fr);gap:11px;align-items:end;margin-top:15px}.cpp-filters>label:not(.cpp-toggle){display:grid;gap:6px;color:#a8a3b7;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.cpp-filters input[type=number],.cpp-filters select{height:39px!important;background:#0b0b12!important;color:#f7f4ff!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;padding:0 11px!important;box-shadow:none!important}.cpp-toggle{display:flex;align-items:center;gap:8px;height:39px;color:#d6d0df;font-size:12px;white-space:nowrap}.cpp-toggle input{display:none}.cpp-toggle span{width:34px;height:19px;border-radius:999px;background:#292735;border:1px solid rgba(255,255,255,.1);position:relative;transition:.2s}.cpp-toggle span:after{content:"";position:absolute;width:13px;height:13px;left:2px;top:2px;border-radius:50%;background:#8b8798;transition:.2s}.cpp-toggle input:checked+span{background:rgba(124,60,255,.55);border-color:#8a54ff}.cpp-toggle input:checked+span:after{left:17px;background:#fff;box-shadow:0 0 9px rgba(174,116,255,.9)}.cpp-results-head{display:flex;justify-content:space-between;align-items:center;padding:20px 4px 11px}.cpp-results-head strong{color:var(--pp-gold2);font-size:20px}.cpp-results-head span,.cpp-results-head small{color:var(--pp-muted);font-size:12px}.cpp-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.cpp-card{overflow:hidden;border:1px solid rgba(215,175,80,.18);border-radius:18px;background:linear-gradient(180deg,#111119,#0c0c12);box-shadow:0 14px 30px rgba(0,0,0,.21);transition:transform .2s,border-color .2s,box-shadow .2s}.cpp-card:hover{transform:translateY(-3px);border-color:rgba(215,175,80,.45);box-shadow:0 18px 40px rgba(0,0,0,.3),0 0 22px rgba(124,60,255,.08)}.cpp-photo{height:205px;position:relative;background:#181722;overflow:hidden}.cpp-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.cpp-card:hover .cpp-photo img{transform:scale(1.025)}.cpp-badge,.cpp-stock{position:absolute;top:10px;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:900;letter-spacing:.05em;backdrop-filter:blur(7px)}.cpp-badge{left:10px;background:rgba(124,60,255,.88);color:white;box-shadow:0 0 16px rgba(124,60,255,.35)}.cpp-stock{right:10px}.cpp-stock.ok{background:rgba(21,144,89,.9);color:#eafff4}.cpp-stock.out{background:rgba(127,42,57,.92);color:#ffecef}.cpp-card-body{padding:14px}.cpp-card-top h3{font-size:14px;line-height:1.35;margin:0;color:#f8f5ff;min-height:38px}.cpp-card-top small{display:block;color:#8c879a;font-size:10px;margin-top:4px}.cpp-attrs{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.cpp-attrs span{font-size:9px;color:#beb8ca;border:1px solid rgba(255,255,255,.08);background:#14131c;border-radius:7px;padding:5px 6px}.cpp-price{min-height:30px;margin:8px 0 10px;color:var(--pp-gold2);font-weight:850;font-size:15px}.cpp-price del{color:#716c7c;font-size:11px;margin-right:5px}.cpp-price ins{text-decoration:none}.cpp-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cpp-actions a,.cpp-actions button{height:35px;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:10px;font-weight:800;text-decoration:none;cursor:pointer}.cpp-actions a{color:#d7d1df;border:1px solid rgba(215,175,80,.22);background:rgba(215,175,80,.03)}.cpp-actions button{border:1px solid rgba(124,60,255,.55);color:#fff;background:linear-gradient(135deg,rgba(88,34,194,.9),rgba(124,60,255,.9))}.cpp-actions button.is-selected{background:linear-gradient(135deg,#a47c2e,#d7af50);border-color:#e6c86e;color:#15110a}.cpp-empty{grid-column:1/-1;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed rgba(215,175,80,.25);border-radius:20px;color:#aaa4b8;background:rgba(255,255,255,.015)}.cpp-empty strong{color:#f2edf9;font-size:15px;margin-bottom:5px}.cpp-empty-icon{font-size:45px;color:#d7af50;margin-bottom:8px}.cpp-empty.danger{border-color:rgba(255,80,100,.3);color:#ffbbc4}.cpp-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:22px;color:#bdb6ca}.cpp-loading i{width:18px;height:18px;border:2px solid rgba(215,175,80,.25);border-top-color:#d7af50;border-radius:50%;animation:cppspin .7s linear infinite}.cpp-footer-note{margin-top:20px;padding:14px 17px;border-left:2px solid var(--pp-purple);background:rgba(124,60,255,.05);color:#888396;font-size:11px;border-radius:0 10px 10px 0}@keyframes cppspin{to{transform:rotate(360deg)}}@media(max-width:1180px){.cpp-results{grid-template-columns:repeat(3,minmax(0,1fr))}.cpp-filters{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.cpp-hero{padding:23px;min-height:auto}.cpp-hero-orb{display:none}.cpp-hero h1{font-size:25px}.cpp-results{grid-template-columns:repeat(2,minmax(0,1fr))}.cpp-filters{grid-template-columns:1fr 1fr}.cpp-searchbar{grid-template-columns:38px 1fr}.cpp-searchbar button{grid-column:1/-1;width:calc(100% - 12px);margin:0 6px 6px;height:38px}.cpp-searchbar input{height:49px!important}.cpp-results-head{align-items:flex-start;gap:8px}.cpp-results-head small{text-align:right}}@media(max-width:520px){.cpp-results{grid-template-columns:1fr}.cpp-filters{grid-template-columns:1fr}.cpp-photo{height:260px}.cpp-search-shell{padding:13px}.cpp-hero{border-radius:18px}.cpp-card{border-radius:16px}.cpp-results-head small{display:none}}