/* The Shoe Plug Rwanda — Premium marketplace layer v3.
   Adds polish without replacing the existing design system. */
:root{
  --tsp-ink:#111214;--tsp-muted:#6b6e75;--tsp-line:rgba(17,18,20,.09);--tsp-paper:#fff;--tsp-soft:#f6f6f3;--tsp-accent:#b48738;
  --tsp-radius:24px;--tsp-shadow:0 18px 55px rgba(17,18,20,.10);
}
html.tsp-premium-v3{scroll-behavior:smooth;background:#fff}
body{background:#fff;color:var(--tsp-ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img{max-width:100%;font-size:0}
button,a,input,select,textarea{font:inherit}
.product-card{contain:layout paint style;content-visibility:auto;contain-intrinsic-size:420px 520px;border:1px solid var(--tsp-line);box-shadow:0 8px 28px rgba(17,18,20,.055);background:#fff;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.product-card:hover{transform:translateY(-3px);box-shadow:var(--tsp-shadow);border-color:rgba(17,18,20,.15)}
.product-card .photo{overflow:hidden;background:linear-gradient(180deg,#fafaf8,#f3f3ef)}
.product-card .photo img{transition:transform .45s cubic-bezier(.2,.65,.2,1);will-change:transform}
.product-card:hover .photo img{transform:scale(1.025)}
.card-actions .primary-action,.btn.primary{box-shadow:0 8px 18px rgba(17,18,20,.10)}
.page-btn{min-width:44px;min-height:44px;border-radius:999px}
.pagination-controls{gap:10px}
.pagination-numbers{display:flex;align-items:center;gap:6px}
.page-btn.page-number{font-weight:700}
.page-btn.page-number.active{box-shadow:0 8px 20px rgba(17,18,20,.11)}
.hero-editorial-product,.hero{isolation:isolate}
.hero-editorial-product:after{content:"";position:absolute;inset:auto 4% 2.5%;height:22%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.10),transparent 65%);filter:blur(14px);opacity:.7;pointer-events:none;z-index:-1}
.hero-editorial-product .hero-shoe img{filter:drop-shadow(0 25px 26px rgba(0,0,0,.18));}
.customer-chat-card{width:min(680px,calc(100vw - 28px));border:1px solid rgba(17,18,20,.10);box-shadow:0 35px 90px rgba(0,0,0,.18)}
.chat-product-card{border:1px solid var(--tsp-line);border-radius:18px;padding:10px;background:#fafaf8}
.chat-bubble{border-radius:18px;box-shadow:0 5px 18px rgba(17,18,20,.06)}
.chat-bubble.seller{border:1px solid rgba(180,135,56,.24)}
/* Admin */
.admin-top{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(255,255,255,.88)!important;border-bottom:1px solid var(--tsp-line)!important}
.manager-bar,.panel,.stat-grid article,.product-row,.admin-message{border-color:var(--tsp-line)!important}
.product-row,.admin-message{box-shadow:0 8px 25px rgba(17,18,20,.045)!important}
.settings-form label{background:#fff;border:1px solid var(--tsp-line);border-radius:18px;padding:12px 14px}
.settings-form select,.settings-form input{border:0!important;outline:0!important;background:transparent!important}
.tsp-editor-modal{position:fixed;inset:0;z-index:100000;background:rgba(16,16,16,.42);display:grid;place-items:center;padding:18px}
.tsp-editor-card{width:min(760px,100%);max-height:min(92dvh,900px);overflow:auto;background:#fff;border:1px solid rgba(17,18,20,.10);border-radius:26px;box-shadow:0 40px 100px rgba(0,0,0,.22);padding:22px}
.tsp-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tsp-editor-grid label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#5d6067}
.tsp-editor-grid input,.tsp-editor-grid select,.tsp-editor-grid textarea{width:100%;border:1px solid var(--tsp-line);border-radius:14px;padding:12px 13px;outline:none;background:#fbfbf9}
.tsp-editor-grid textarea{min-height:100px;resize:vertical}
.tsp-editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 24%);padding-top:18px}
.tsp-admin-filterbar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.tsp-admin-filterbar button{border:1px solid var(--tsp-line);background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer}
.tsp-admin-filterbar button.active{background:#111;color:#fff;border-color:#111}
.tsp-admin-kpi-note{font-size:11px;color:#747780}
@media(max-width:700px){
  html{scroll-behavior:auto}
  .product-card{transition:none;box-shadow:0 5px 18px rgba(17,18,20,.045)}
  .product-card:hover{transform:none;box-shadow:0 5px 18px rgba(17,18,20,.045)}
  .product-card:hover .photo img{transform:none}
  .hero-editorial-product:after{display:none}
  .hero-editorial-product .hero-shoe img{filter:drop-shadow(0 16px 18px rgba(0,0,0,.14))}
  .modal-card,.drawer{box-shadow:0 25px 60px rgba(0,0,0,.18)}
  .tsp-editor-card{border-radius:20px;padding:15px}
  .tsp-editor-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  *{animation-duration:.01ms!important;transition-duration:.01ms!important;transition-delay:0ms!important}
  .product-card{content-visibility:auto;contain-intrinsic-size:330px 430px}
  .section{contain:layout style}
  .pagination-controls{gap:6px}
  .page-btn{min-width:40px;min-height:40px}
  .page-btn.page-prev span,.page-btn.page-next span{font-size:12px}
  .tsp-premium-v3 .search-panel{box-shadow:0 20px 70px rgba(0,0,0,.18)}
  .admin-top{backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.tsp-settings-live-note{grid-column:1/-1;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#111214,#2b2c30);color:#fff;display:grid;gap:4px;margin-top:4px}.tsp-settings-live-note strong{font-size:13px}.tsp-settings-live-note span{font-size:12px;opacity:.72}.admin-stock-meter{height:4px;background:#ecece8;border-radius:99px;overflow:hidden;margin-top:8px;max-width:280px}.admin-stock-meter span{display:block;height:100%;background:#111214;border-radius:inherit}.admin-filter-select{border:1px solid var(--tsp-line);border-radius:12px;padding:10px 12px;background:#fff}.product-row-main{min-width:0}