:root{--ppem-accent:#f59e0b;--ppem-accent-ink:#111111;--ppem-accent-text:var(--ppem-accent-text);--ppem-tint:var(--ppem-tint);--ppem-tint2:var(--ppem-tint2);--ppem-dark:#1f2937;--ppem-dark2:#374151;--ppem-dark-ink:#ffffff;--ppem-line:#e5e7eb}
.ppem-wrap,.ppem-form,.ppem-single,.ppem-contact{box-sizing:border-box}
.ppem-wrap *,.ppem-form *,.ppem-contact *{box-sizing:border-box}
.ppem-hp{position:absolute;left:-9999px;height:0;overflow:hidden}

/* Buttons */
.ppem-btn{display:inline-block;padding:.7em 1.3em;background:var(--ppem-accent);color:var(--ppem-accent-ink);border:0;border-radius:6px;font-weight:700;text-decoration:none;cursor:pointer;line-height:1.2}
.ppem-btn:hover{filter:brightness(.95);color:var(--ppem-accent-ink)}
.ppem-wa{background:#0f7a3b;color:#fff}.ppem-wa:hover{color:#fff}
.ppem-call{background:var(--ppem-dark);color:var(--ppem-dark-ink)}.ppem-call:hover{color:var(--ppem-dark-ink)}

/* Notices */
.ppem-notice{padding:.8em 1em;border-radius:6px;margin:0 0 1em}
.ppem-ok{background:#ecfdf5;border:1px solid #6ee7b7}
.ppem-err{background:#fef2f2;border:1px solid #fca5a5}

/* Forms */
.ppem-form label{display:block;font-weight:600;font-size:.9em}
.ppem-form input[type=text],.ppem-form input[type=email],.ppem-form input[type=tel],.ppem-form input[type=password],.ppem-form input[type=number],.ppem-form select,.ppem-form textarea{width:100%;padding:.6em;border:1px solid var(--ppem-line);border-radius:6px;margin-top:.3em;font-weight:400}
.ppem-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 1em}

/* Filters */
.ppem-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6em;margin-bottom:1.5em}
.ppem-filters input,.ppem-filters select{width:100%;padding:.6em;border:1px solid var(--ppem-line);border-radius:6px}

/* Grid */
.ppem-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1em}
.ppem-card{display:block;border:1px solid var(--ppem-line);border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;background:#fff;transition:box-shadow .15s}
.ppem-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.1)}
.ppem-card.is-featured{border-color:var(--ppem-accent);box-shadow:0 0 0 1px var(--ppem-accent)}
.ppem-thumb{display:block;aspect-ratio:1/1;background:#f3f4f6;overflow:hidden}
.ppem-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ppem-card-body{display:block;padding:.8em}
.ppem-title{display:block;font-weight:600;margin:.3em 0}
.ppem-price{display:block;font-weight:800;color:var(--ppem-accent-text)}
.ppem-price-lg{font-size:1.6em;margin:.5em 0}
.ppem-meta{display:block;font-size:.85em;color:#6b7280;margin-top:.2em}
.ppem-badge{display:inline-block;font-size:.7em;font-weight:700;padding:.2em .6em;border-radius:99px;margin-right:.3em;text-transform:uppercase;letter-spacing:.03em}
.ppem-b-feat{background:var(--ppem-accent);color:var(--ppem-accent-ink)}
.ppem-b-ver{background:#dcfce7;color:#166534}
.ppem-pages{margin-top:1.5em;text-align:center}
.ppem-pages .page-numbers{display:inline-block;padding:.4em .8em;margin:0 .1em;border:1px solid var(--ppem-line);border-radius:6px;text-decoration:none}
.ppem-pages .current{background:var(--ppem-dark);color:#fff;border-color:var(--ppem-dark)}

/* Single listing */
.ppem-details{border-collapse:collapse;margin:1em 0}
.ppem-details th{text-align:left;padding:.4em 1.5em .4em 0;color:#6b7280;font-weight:600}
.ppem-contact{margin-top:2em;padding:1.2em;border:1px solid var(--ppem-line);border-radius:10px;background:#fafafa}
.ppem-contact h2{margin-top:0;font-size:1.3em}
.ppem-seller{color:#6b7280;margin:.2em 0 1em}
.ppem-safety{font-size:.85em;color:#6b7280;margin-top:1em}
.ppem-report{margin-top:1em;font-size:.9em}
.ppem-report summary{cursor:pointer;color:#6b7280}
.ppem-report select,.ppem-report textarea{width:100%;padding:.5em;border:1px solid var(--ppem-line);border-radius:6px}

/* My listings */
.ppem-table{width:100%;border-collapse:collapse}
.ppem-table th,.ppem-table td{padding:.6em;border-bottom:1px solid var(--ppem-line);text-align:left}

/* Boost (M-Pesa) */
.ppem-boost{display:flex;flex-wrap:wrap;gap:.4em;align-items:center}
.ppem-boost select,.ppem-boost input{padding:.5em;border:1px solid var(--ppem-line,#e5e7eb);border-radius:6px;max-width:100%}
.ppem-boost-msg{font-size:.9em;flex-basis:100%}
.ppem-feat-note{margin:0 0 .4em;font-size:.85em;color:var(--ppem-accent-text)}

/* Seller management */
.ppem-inline{display:inline-block;margin:0 .3em .3em 0}
.ppem-btn-sm{padding:.4em .8em;font-size:.85em}
.ppem-current-photos{margin-bottom:1em}
.ppem-photo{display:inline-block;margin:0 .6em .6em 0;text-align:center;font-size:.8em;font-weight:400}
.ppem-photo img{display:block;width:80px;height:80px;object-fit:cover;border-radius:6px}

/* Chat */
.ppem-msgbox{margin-top:1.2em;padding-top:1em;border-top:1px solid var(--ppem-line,#e5e7eb)}
.ppem-msgbox h3{margin:0 0 .5em;font-size:1.1em}
.ppem-msgbox textarea,.ppem-reply textarea{width:100%;padding:.6em;border:1px solid var(--ppem-line,#e5e7eb);border-radius:6px}
.ppem-count{display:inline-block;min-width:1.4em;padding:0 .4em;background:#dc2626;color:#fff;border-radius:99px;font-size:.75em;text-align:center}
.ppem-threads{list-style:none;margin:0;padding:0}
.ppem-threads li{border-bottom:1px solid var(--ppem-line,#e5e7eb)}
.ppem-threads li.unread{background:var(--ppem-tint2)}
.ppem-threads a{display:block;padding:.8em;text-decoration:none;color:inherit}
.ppem-thread-item{display:block;font-size:.85em;color:#6b7280}
.ppem-thread-last{display:block;margin-top:.2em}
.ppem-chat{max-height:420px;overflow-y:auto;padding:.8em;background:#f9fafb;border:1px solid var(--ppem-line,#e5e7eb);border-radius:10px;margin-bottom:1em}
.ppem-msg{margin:.5em 0;display:flex;flex-direction:column}
.ppem-msg.mine{align-items:flex-end}.ppem-msg.theirs{align-items:flex-start}
.ppem-bubble{max-width:80%;padding:.6em .9em;border-radius:14px;word-wrap:break-word;overflow-wrap:anywhere}
.ppem-msg.mine .ppem-bubble{background:var(--ppem-tint)}
.ppem-msg.theirs .ppem-bubble{background:#fff;border:1px solid var(--ppem-line,#e5e7eb)}
.ppem-time{font-size:.7em;color:#6b7280;margin-top:.15em}

/* Phone verification */
.ppem-otp{margin:0 0 1.5em;padding:1em;border:1px solid var(--ppem-line,#e5e7eb);border-radius:10px;background:var(--ppem-tint2)}
.ppem-otp h3{margin-top:0}
.ppem-otp form{display:flex;flex-wrap:wrap;gap:.5em;margin:.5em 0}
.ppem-otp input{padding:.55em;border:1px solid var(--ppem-line,#e5e7eb);border-radius:6px}
.ppem-verified-note{color:#166534;font-weight:600}
.ppem-b-phone{background:#dbeafe;color:#1e40af}

/* Favorites, stats, reviews, seller page */
.ppem-cw{position:relative}
.ppem-fav{position:absolute;top:8px;right:8px;z-index:2;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#b91c1c;font-size:20px;line-height:34px;text-align:center;cursor:pointer;text-decoration:none;box-shadow:0 1px 4px rgba(0,0,0,.2);padding:0}
.ppem-fav.is-on{color:#dc2626}
.ppem-fav-inline .ppem-fav{position:static;display:inline-block;vertical-align:middle;margin-left:.4em;box-shadow:none;border:1px solid var(--ppem-line,#e5e7eb)}
.ppem-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6em;margin:0 0 1.2em}
.ppem-stat{padding:.7em;border:1px solid var(--ppem-line,#e5e7eb);border-radius:10px;background:#fff}
.ppem-stat strong{display:block;font-size:1.4em}
.ppem-stat span{font-size:.8em;color:#6b7280}
.ppem-stars{color:#f59e0b;letter-spacing:.05em}
.ppem-rating-none{color:#6b7280}
.ppem-reviews{list-style:none;margin:0 0 1.5em;padding:0}
.ppem-reviews li{padding:.7em 0;border-bottom:1px solid var(--ppem-line,#e5e7eb)}
.ppem-reviews p{margin:.3em 0 0}
.ppem-sellerhead{margin-bottom:1.5em}

/* Offers and saved searches */
.ppem-offer{margin-top:.8em}
.ppem-offer summary{cursor:pointer;font-weight:600}
.ppem-offer input,.ppem-offer textarea{width:100%;padding:.55em;border:1px solid var(--ppem-line,#e5e7eb);border-radius:6px}
.ppem-msg.is-offer .ppem-bubble{border:2px solid var(--ppem-accent,#f59e0b)}
.ppem-offer-actions{margin-top:.5em}
.ppem-btn-ghost{background:#fff;border:1px solid #d1d5db}
.ppem-offer-status{margin-top:.4em;font-size:.85em;font-weight:700}
.ppem-os-accepted{color:#166534}.ppem-os-declined{color:#b91c1c}.ppem-os-pending{color:var(--ppem-accent-text)}
.ppem-savesearch{margin:-.6em 0 1.2em;font-size:.9em}
.ppem-savesearch select{padding:.35em;border:1px solid var(--ppem-line,#e5e7eb);border-radius:6px}

/* Chat photos */
.ppem-chat-img{display:block;max-width:100%;max-height:260px;margin-top:.4em;border-radius:8px}
.ppem-attach{font-size:.85em;font-weight:400;cursor:pointer}
.ppem-attach input{max-width:100%}

/* Share, delivery */
.ppem-share{font-size:.9em;margin-top:1em}
.ppem-linkbtn{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}
.ppem-podfilter{display:flex;align-items:center;gap:.4em;font-size:.9em}

/* Similar listings, safety page */
.ppem-similar{margin-top:2em}
.ppem-safetypage ul{padding-left:1.2em}
.ppem-safetypage li{margin:.4em 0}

/* Shop profile and verification */
.ppem-shopbox{margin:0 0 1.2em;padding:.8em 1em;border:1px solid var(--ppem-line,#e5e7eb);border-radius:10px}
.ppem-shopbox summary,.ppem-otp summary{cursor:pointer}

/* Chat tools */
.ppem-chat-tools{display:flex;flex-wrap:wrap;gap:.8em;align-items:flex-start;margin:.2em 0 1em}
.ppem-chat-tools .ppem-report{margin:0}

/* Match the site's font in buttons and form fields */
.ppem-btn,.ppem-wrap input,.ppem-wrap select,.ppem-wrap textarea,.ppem-form input,.ppem-form select,.ppem-form textarea,.ppem-msgbox textarea,.ppem-reply textarea,.ppem-offer input,.ppem-offer textarea,.ppem-otp input,.ppem-boost select,.ppem-boost input,.ppem-contact select,.ppem-contact textarea{font-family:inherit;font-size:inherit}

/* Wide tables scroll inside their own box instead of running off the page */
.ppem-wrap-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
.ppem-wrap-table .ppem-table{min-width:680px}
.ppem-shopbox,.ppem-otp,.ppem-stats{box-sizing:border-box;max-width:100%}
.ppem-verified-note{margin:0 0 .8em}

/* Marketplace home */
.ppem-home section{margin:0 0 2.5em}
.ppem-home h2{margin:0 0 .8em}
.ppem-hero{padding:2em 1.2em;border-radius:16px;background:linear-gradient(135deg,var(--ppem-dark),var(--ppem-dark2));color:var(--ppem-dark-ink);text-align:center}
.ppem-hero h1{color:var(--ppem-dark-ink);margin:0 0 .3em;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.15}
.ppem-hero p{margin:0 0 1.2em;opacity:.9}
.ppem-herosearch{display:flex;flex-wrap:wrap;gap:.5em;justify-content:center;max-width:820px;margin:0 auto}
.ppem-herosearch input,.ppem-herosearch select{flex:1 1 180px;min-width:0;padding:.8em;border:0;border-radius:8px;font-family:inherit;font-size:1em;color:#111}
.ppem-herosearch input[type=search]{flex:2 1 260px}
.ppem-herosearch .ppem-btn{flex:0 0 auto;padding:.8em 1.6em}
.ppem-herocta{margin:1em 0 0!important}
.ppem-hero .ppem-btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.6);color:#fff}
.ppem-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1em}
.ppem-cat{padding:1em;border:1px solid var(--ppem-line,#e5e7eb);border-radius:12px;background:#fff}
.ppem-cat-main{display:flex;align-items:center;gap:.7em;text-decoration:none;color:inherit;font-size:1.1em}
.ppem-cat-icon{display:inline-flex;align-items:center;justify-content:center;width:2.4em;height:2.4em;border-radius:10px;background:var(--ppem-tint);font-size:1.3em}
.ppem-cat-kids{display:flex;flex-wrap:wrap;gap:.4em;margin-top:.7em}
.ppem-cat-kids a{font-size:.8em;padding:.25em .7em;border-radius:99px;background:#f3f4f6;text-decoration:none;color:#374151}
.ppem-more{text-align:center;margin-top:1.2em}
.ppem-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1em}
.ppem-steps>div{padding:1em;border-radius:12px;background:#f9fafb}
.ppem-steps span{display:inline-flex;align-items:center;justify-content:center;width:2em;height:2em;margin-right:.5em;border-radius:50%;background:var(--ppem-accent,#f59e0b);color:var(--ppem-accent-ink);font-weight:700}
.ppem-steps p{margin:.5em 0 0;color:#4b5563}
.ppem-home-page .wp-block-post-title,.ppem-home-page h1.entry-title,.ppem-home-page .page-title,.ppem-home-page .entry-header{display:none}

/* Category intro above results */
.ppem-catintro{margin:0 0 1.2em}
.ppem-catintro h2{margin:0 0 .3em}
.ppem-catintro p{margin:0;color:#4b5563}

/* Listing photos: one large photo with thumbnails, and a full-screen viewer */
.single-ppem_listing .wp-block-post-featured-image,.single-ppem_listing .post-thumbnail,.single-ppem_listing img.wp-post-image{display:none}
.ppem-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:.5em;margin:0 0 1em}
.ppem-gal-item{display:block;overflow:hidden;border-radius:10px;background:#f3f4f6;aspect-ratio:1/1}
.ppem-gal-item.is-main{grid-column:1/-1;aspect-ratio:4/3}
.ppem-gal-item img{width:100%;height:100%;object-fit:cover;display:block}
.ppem-gal-item:focus-visible{outline:3px solid var(--ppem-accent,#f59e0b);outline-offset:2px}
.ppem-lb{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.92)}
.ppem-lb-img{max-width:94vw;max-height:86vh;object-fit:contain;border-radius:6px}
.ppem-lb button{position:absolute;border:0;background:rgba(255,255,255,.15);color:#fff;font-size:2rem;line-height:1;width:3rem;height:3rem;border-radius:50%;cursor:pointer}
.ppem-lb button:hover,.ppem-lb button:focus-visible{background:rgba(255,255,255,.35);outline:2px solid #fff}
.ppem-lb-close{top:.8rem;right:.8rem}.ppem-lb-prev{left:.6rem;top:50%;margin-top:-1.5rem}.ppem-lb-next{right:.6rem;top:50%;margin-top:-1.5rem}
.ppem-lb-count{position:absolute;bottom:.8rem;left:0;right:0;text-align:center;color:#fff;font-size:.9rem}

/* Listing quality meter */
.ppem-q{display:inline-block;width:70px;height:8px;margin-right:.4em;background:var(--ppem-line,#e5e7eb);border-radius:99px;overflow:hidden;vertical-align:middle}
.ppem-q-bar{display:block;height:100%}
.ppem-q-good .ppem-q-bar{background:#15803d}.ppem-q-ok .ppem-q-bar{background:#d97706}.ppem-q-low .ppem-q-bar{background:#dc2626}
.ppem-q-tips{margin:.3em 0 0;font-size:.85em}.ppem-q-tips ul{margin:.3em 0 0 1.1em;padding:0}

/* Wanted board */
.ppem-rqhead{display:flex;flex-wrap:wrap;gap:.8em;align-items:center;justify-content:space-between;margin-bottom:1em}
.ppem-rqhead p{margin:0;color:#4b5563}
.ppem-rqlist{display:grid;gap:.7em}
.ppem-rqcard{display:grid;grid-template-columns:1fr auto;gap:.2em .8em;align-items:center;padding:.9em 1em;border:1px solid var(--ppem-line,#e5e7eb);border-radius:12px;background:#fff;text-decoration:none;color:inherit}
.ppem-rqcard:hover{box-shadow:0 4px 14px rgba(0,0,0,.08)}
.ppem-rq-title{grid-column:1;font-weight:700}
.ppem-rq-meta{grid-column:1;font-size:.9em;color:#374151}
.ppem-rq-sub{grid-column:1;font-size:.8em;color:#6b7280}
.ppem-rqcard .ppem-btn{grid-column:2;grid-row:1/4}
.ppem-rqnote{margin:1.2em 0}

/* Price drops */
.ppem-was{color:#6b7280;font-weight:400;font-size:.85em;margin-right:.3em}
.ppem-b-drop{background:#dcfce7;color:#166534}

/* Quick replies, recently viewed, top rated */
.ppem-quick{display:flex;flex-wrap:wrap;gap:.4em;margin:0 0 .6em}
.ppem-chip{border:1px solid var(--ppem-line,#e5e7eb);background:#fff;color:#1f2937;border-radius:99px;padding:.35em .8em;font:inherit;font-size:.85em;cursor:pointer}
.ppem-chip:hover,.ppem-chip:focus-visible{background:var(--ppem-tint,#fef3c7);outline:2px solid var(--ppem-accent,#f59e0b)}
.ppem-recent[hidden]{display:none}
.ppem-b-top{background:#fef9c3;color:#713f12}

/* Sponsored banners */
.ppem-banner{position:relative;margin:0 0 1.5em;border-radius:12px;overflow:hidden;background:#f3f4f6}
.ppem-banner a{display:block;line-height:0}
.ppem-banner img{width:100%;height:auto;display:block}
.ppem-sponsored{position:absolute;top:.5em;right:.5em;padding:.15em .6em;border-radius:99px;background:rgba(17,24,39,.85);color:#fff;font-size:.7em;letter-spacing:.04em;text-transform:uppercase}

/* Help centre */
.ppem-help h2{margin:1.6em 0 .6em}
.ppem-faq{border:1px solid var(--ppem-line,#e5e7eb);border-radius:10px;margin:0 0 .6em;background:#fff}
.ppem-faq summary{cursor:pointer;padding:.8em 1em;font-weight:600}
.ppem-faq summary:focus-visible{outline:3px solid var(--ppem-accent,#f59e0b);outline-offset:2px}
.ppem-faq-a{padding:0 1em .8em;color:#374151}
.ppem-faq-a p{margin:.4em 0}

/* Seller bulk upload */
.ppem-sbi-track{height:10px;border-radius:99px;background:var(--ppem-line,#e5e7eb);overflow:hidden;margin:.6em 0}
.ppem-sbi-bar{height:100%;width:0;background:var(--ppem-accent,#f59e0b);transition:width .3s}
.ppem-sbi-log{list-style:none;margin:.6em 0 0;padding:0;max-height:260px;overflow:auto;font-size:.9em}
.ppem-sbi-log li{padding:.25em 0;border-bottom:1px solid var(--ppem-line,#e5e7eb)}
.ppem-sbi-log li.bad{color:#b91c1c}.ppem-sbi-log li.ok{color:#166534}

/* Continue with Google */
.ppem-social{margin:1em 0}
.ppem-social-or{display:flex;align-items:center;gap:.8em;margin:.6em 0;color:#4b5563}
.ppem-social-or::before,.ppem-social-or::after{content:"";flex:1;height:1px;background:var(--ppem-line,#e5e7eb)}
.ppem-social-msg{margin:.5em 0 0;color:#b91c1c;font-size:.9em}

/* Category details */
.ppem-attr[hidden]{display:none}
.ppem-attr label{display:block}

/* Phone notifications */
.ppem-pushbox{margin:.4em 0 1em}
.ppem-pushbox [data-ppem-push][hidden]{display:none}
