.wlpc{--wlpc-accent:#9c78ff;--wlpc-soft:#ece4ff;--wlpc-ink:#0d082b;--wlpc-muted:#8b879c;--wlpc-gap:20px;--wlpc-image-height:230px;--wlpc-radius:22px;position:relative;padding:28px 18px 36px;font-family:inherit;background:radial-gradient(ellipse at 50% 90%,#f8f5ff, #fff 75%);direction:rtl;color:var(--wlpc-ink)}
.wlpc,.wlpc *{box-sizing:border-box}.wlpc__header{margin-bottom:26px;text-align:right}.wlpc__marker{position:relative;display:block;width:56px;height:5px;border-radius:8px;background:var(--wlpc-soft);margin:0 0 14px}.wlpc__marker:after{content:"";position:absolute;right:34px;top:5px;width:30px;height:5px;border-radius:8px;background:var(--wlpc-accent)}
.wlpc .wlpc__heading{margin:0;font-size:clamp(26px,3vw,38px);font-weight:800;line-height:1.5;color:var(--wlpc-ink)}.wlpc .wlpc__subtitle{margin:8px 0 0;color:var(--wlpc-muted);font-size:16px;line-height:1.8}
.wlpc__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--wlpc-gap)}.wlpc__card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--wlpc-soft);border-radius:var(--wlpc-radius);background:#fff;box-shadow:0 12px 28px -16px #9d79e642;overflow:hidden}
.wlpc__media{position:relative;height:var(--wlpc-image-height);flex:none;border-radius:var(--wlpc-radius);overflow:hidden;background:linear-gradient(140deg,#f8f5ff,var(--wlpc-soft))}.wlpc__image{display:block;width:100%;height:100%;object-fit:cover}.wlpc__placeholder{display:grid;place-items:center;height:100%;padding:24px;color:#7053a9;font-size:18px;text-align:center}.wlpc__badge{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:7px;padding:7px 12px;background:#ffffffde;border-radius:30px;color:var(--wlpc-ink);font-size:11px;font-weight:600}.wlpc__badge i{width:8px;height:8px;border-radius:50%;background:var(--wlpc-accent);flex:none}
.wlpc__body{position:relative;display:flex;flex-direction:column;flex:1;padding:30px 20px 18px}.wlpc__icon{position:absolute;top:-27px;left:18px;display:grid;place-items:center;width:58px;height:58px;border:5px solid #fff;border-radius:22px;background:linear-gradient(135deg,#f7f4ff,var(--wlpc-soft));color:var(--wlpc-accent);box-shadow:0 5px 16px #9d79e61a}.wlpc__icon svg{width:27px;height:27px}.wlpc__icon i{font-size:25px}
.wlpc .wlpc__title{margin:0 0 9px;font-size:21px;font-weight:700;line-height:1.7;color:var(--wlpc-ink);overflow-wrap:anywhere}.wlpc .wlpc__description{margin:0 0 16px;font-size:14px;line-height:1.85;color:var(--wlpc-muted);overflow-wrap:anywhere}.wlpc__tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}.wlpc__tag{display:inline-block;padding:5px 10px;border-radius:30px;background:#f5f0ff;color:#7958b4;font-size:11px;line-height:1.5;overflow-wrap:anywhere;max-width:100%}
.wlpc .wlpc__link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:4px;color:var(--wlpc-accent);text-decoration:none;font-size:13px;font-weight:600;line-height:1.7}.wlpc__link b{font-size:24px;vertical-align:middle;margin-inline-start:5px}.wlpc__arrow{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:50%;background:var(--wlpc-soft);font:28px/1 sans-serif}.wlpc .wlpc__link:focus-visible{outline:3px solid var(--wlpc-accent);outline-offset:4px;border-radius:6px}.wlpc .wlpc__link:hover{text-decoration:underline}.wlpc__empty{padding:24px;background:var(--wlpc-soft);border-radius:16px;color:var(--wlpc-ink)}
.wlpc--motion .wlpc__card{animation:wlpc-in .6s ease both;transition:transform .3s ease,box-shadow .3s ease}.wlpc--motion .wlpc__image{transition:transform .45s ease}@keyframes wlpc-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(hover:hover){.wlpc--motion .wlpc__card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -18px #9d79e669}.wlpc--motion .wlpc__card:hover .wlpc__image{transform:scale(1.025)}}
@media(max-width:1024px){.wlpc{--wlpc-image-height:240px}.wlpc__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.wlpc{--wlpc-image-height:230px;--wlpc-gap:18px;padding:20px 12px 26px}.wlpc__grid{grid-template-columns:minmax(0,1fr)}.wlpc .wlpc__heading{font-size:26px}.wlpc .wlpc__subtitle{font-size:14px}.wlpc__header{margin-bottom:22px}.wlpc__body{padding:30px 18px 16px}.wlpc .wlpc__title{font-size:20px}}
@media(prefers-reduced-motion:reduce){.wlpc--motion .wlpc__card{animation:none;transition:none}.wlpc--motion .wlpc__image{transition:none}.wlpc--motion .wlpc__card:hover,.wlpc--motion .wlpc__card:hover .wlpc__image{transform:none}}