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

.kkp-wrap { font-family:'Heebo',sans-serif; direction:rtl; max-width:1200px; margin:0 auto; padding:0 16px 60px; }
.kkp-hero { text-align:center; padding:48px 20px 36px; }
.kkp-eyebrow { display:inline-block; background:rgba(229,0,90,.08); color:#E5005A; font-size:12px; font-weight:700; letter-spacing:2px; text-transform:uppercase; padding:5px 18px; border-radius:50px; margin-bottom:14px; }
.kkp-title { font-size:clamp(28px,5vw,42px); font-weight:900; color:#1a1a2e; margin:0 0 10px; line-height:1.1; }
.kkp-subtitle { font-size:16px; color:#6b6b8a; margin:0 0 20px; }
.kkp-divider { display:flex; align-items:center; justify-content:center; gap:8px; margin:0 auto; }
.kkp-divider::before,.kkp-divider::after { content:''; display:block; width:50px; height:3px; border-radius:3px; }
.kkp-divider::before { background:linear-gradient(270deg,transparent,#E5005A); }
.kkp-divider::after  { background:linear-gradient(90deg,#E5005A,transparent); }
.kkp-filters { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-bottom:20px; }
.kkp-filter { padding:8px 18px; border:2px solid #e8eaf0 !important; border-radius:50px; background:#fff !important; background-color:#fff !important; font-family:'Heebo',sans-serif; font-size:14px; font-weight:600; color:#4a4a6a !important; cursor:pointer; transition:all .2s; display:inline-flex; align-items:center; gap:6px; text-decoration:none !important; box-shadow:none !important; }
.kkp-filter:hover { border-color:#E5005A !important; color:#E5005A !important; background:#fff !important; }
.kkp-filter.active { background:#E5005A !important; background-color:#E5005A !important; border-color:#E5005A !important; color:#fff !important; }
.kkp-count { background:rgba(255,255,255,.25); padding:1px 7px; border-radius:20px; font-size:11px; font-weight:700; }
.kkp-filter:not(.active) .kkp-count { background:#f3f4f6; color:#6b7280; }
.kkp-search-wrap { display:flex; justify-content:center; margin-bottom:16px; }
.kkp-search { width:100%; max-width:480px; padding:12px 20px; border:2px solid #e8eaf0; border-radius:50px; font-family:'Heebo',sans-serif; font-size:15px; direction:rtl; outline:none; }
.kkp-search:focus { border-color:#E5005A; box-shadow:0 0 0 4px rgba(229,0,90,.08); }
.kkp-stats-bar { text-align:center; font-size:13px; color:#9ca3af; margin-bottom:28px; font-weight:500; }
.kkp-stats-bar span { color:#E5005A; font-weight:800; font-size:16px; }
.kkp-grid { display:grid; gap:24px; }
.kkp-cols-4 { grid-template-columns:repeat(4,1fr); }
.kkp-cols-3 { grid-template-columns:repeat(3,1fr); }
.kkp-cols-2 { grid-template-columns:repeat(2,1fr); }
@media(max-width:1024px){ .kkp-cols-4{grid-template-columns:repeat(3,1fr);} }
@media(max-width:768px){ .kkp-cols-4,.kkp-cols-3{grid-template-columns:repeat(2,1fr);} }
@media(max-width:480px){ .kkp-cols-4,.kkp-cols-3,.kkp-cols-2{grid-template-columns:repeat(2,1fr);} .kkp-grid{gap:12px;} }
.kkp-card { position:relative; background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,.07); border:1px solid #f0f0f8; transition:transform .25s,box-shadow .25s; display:flex; flex-direction:column; }
.kkp-card:hover { transform:translateY(-5px); box-shadow:0 12px 32px rgba(229,0,90,.13); border-color:rgba(229,0,90,.2); }
.kkp-card.hidden { display:none; }
.kkp-num { position:absolute; top:12px; right:12px; background:#1a1a2e; color:#fff; width:30px; height:30px; border-radius:50%; font-size:12px; font-weight:800; display:flex; align-items:center; justify-content:center; z-index:2; box-shadow:0 2px 6px rgba(0,0,0,.25); }
.kkp-img-wrap { display:block; aspect-ratio:4/3; overflow:hidden; background:#f8f8fc; }
.kkp-img { width:100%; height:100%; object-fit:cover; transition:transform .4s; display:block; }
.kkp-card:hover .kkp-img { transform:scale(1.06); }
.kkp-no-img { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:48px; background:linear-gradient(135deg,#fff0f5,#fff8fa); }
.kkp-cat-badge { position:absolute; top:12px; left:12px; background:#E5005A; color:#fff; font-size:10px; font-weight:700; padding:3px 10px; border-radius:20px; z-index:2; }
.kkp-card-body { padding:16px; display:flex; flex-direction:column; flex:1; gap:8px; }
.kkp-card-title { font-size:15px; font-weight:700; color:#1a1a2e; margin:0; line-height:1.4; }
.kkp-card-title a { color:inherit; text-decoration:none; }
.kkp-card-title a:hover { color:#E5005A; }
.kkp-price { font-size:15px; font-weight:800; color:#E5005A; }
body a.kkp-btn, body a.kkp-btn:link, body a.kkp-btn:visited { display:inline-block !important; margin-top:auto !important; background-color:#1a1a2e !important; color:#ffffff !important; text-decoration:none !important; padding:9px 18px !important; border-radius:8px !important; font-size:13px !important; font-weight:700 !important; font-family:'Heebo',sans-serif !important; text-align:center !important; border:none !important; box-shadow:none !important; line-height:1.5 !important; transition:background .2s !important; }
body a.kkp-btn:hover, body a.kkp-btn:focus { background-color:#E5005A !important; color:#ffffff !important; }
.kkp-empty,.kkp-no-results { text-align:center; padding:60px 20px; color:#9ca3af; font-size:17px; grid-column:1/-1; }