#pl-root{display:flex;flex-direction:row-reverse;gap:0;background:#f3f4f6;font-family:Vazirmatn,IRANSansX,system-ui}
      #pl-root .pl-filters, #pl-root .pl-products{min-height:100vh;position:relative}
      #pl-root .pl-filters{width:320px;background:#1e40af;color:#fff;border-left:1px solid #e5e7eb;overflow-y:auto;padding:14px}
      #pl-root .pl-title{font-weight:800;margin:2px 0 12px;font-size:14px}
      #pl-root .pl-sub{opacity:.9;margin:10px 0 6px;font-size:13px;font-weight:700}
      #pl-root .pl-field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
      #pl-root .pl-inp, #pl-root .pl-sel{width:100%;padding:10px 12px;border:0;border-radius:10px;font-size:14px}
      #pl-root .pl-num{appearance:textfield}
      #pl-root .pl-btn{width:100%;padding:10px 12px;border:0;border-radius:10px;background:#111;color:#fff;font-weight:700;cursor:pointer}
      #pl-root .pl-actions{display:flex;gap:8px;align-items:center}
      #pl-root .pl-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:10px;background:#fff;color:#111;text-decoration:none;flex:1}

      /* Features accordion */
      #pl-root .pl-acc{border-radius:10px;background:#12318f;padding:8px;margin-bottom:8px}
      #pl-root .pl-acc summary{list-style:none;cursor:pointer;font-weight:800}
      #pl-root .pl-acc summary::-webkit-details-marker{display:none}
      #pl-root .pl-opts{margin:8px 0 0;padding:0;list-style:none;max-height:260px;overflow:auto}
      #pl-root .pl-opts li{display:flex;align-items:center;gap:8px;margin:6px 0}
      #pl-root .pl-opts input[type="checkbox"]{width:16px;height:16px}

      #pl-root .pl-products{flex:1;background:#fff;overflow-y:auto;padding:16px}
      #pl-root .pl-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
      #pl-root .pl-muted{color:#6b7280;font-size:13px}
      #pl-root .pl-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
      #pl-root .pl-card{border:1px solid #e5e7eb;border-radius:12px;background:#fff;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .12s ease, box-shadow .12s ease}
      #pl-root .pl-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.08)}
      #pl-root .pl-thumb{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#f8fafc}
      #pl-root .pl-thumb img{width:100%;height:100%;object-fit:cover}
      #pl-root .pl-body{padding:10px}
      #pl-root .pl-ttl{font-weight:800;font-size:14px;margin:0 0 6px;line-height:1.6}
      #pl-root .pl-priceRow{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
      #pl-root .pl-price{font-weight:900}
      #pl-root .pl-old{color:#6b7280;text-decoration:line-through;font-size:12px}
      #pl-root .pl-badge{font-size:11px;background:#ef4444;color:#fff;padding:2px 8px;border-radius:999px}
      #pl-root .pl-pagination{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:16px 0}
      #pl-root .pl-pagination a, #pl-root .pl-pagination span{border:1px solid #e5e7eb;padding:6px 10px;border-radius:10px;font-size:13px;text-decoration:none;color:inherit}
      #pl-root .pl-pagination .active{background:#111;color:#fff;border-color:#111}

      #pl-root .pl-filter-btn{display:none}
      @media (max-width:860px){
        #pl-root{flex-direction:column}
        #pl-root .pl-filter-btn{display:inline-flex;position:fixed;bottom:16px;left:16px;z-index:1001;padding:10px 14px;border:0;border-radius:12px;background:#111;color:#fff;font-weight:700;cursor:pointer}
        #pl-root .pl-filters{position:fixed;top:0;right:0;width:90vw;max-width:360px;height:100vh;height:100dvh;transform:translateX(100%);transition:transform .25s ease;z-index:1000}
        body.pl-open-filters #pl-root .pl-filters{transform:translateX(0)}
        body.pl-open-filters{overflow:hidden}
        #pl-root .pl-products{min-height:100vh}
      }

      .breadcrumb{
    direction: rtl;
    padding: 10px 16px;
    margin: 8px 0 12px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
  }
  .bc-list{
    list-style: none;
    padding: 0; margin: 0;
    display: flex; flex-wrap: wrap; align-items: center;
    gap: 10px;
  }
  .bc-item{
    display: inline-flex; align-items: center;
    font-size: 14px; color: #374151;
  }
  .bc-item a{
    text-decoration: none; color: #1d4ed8; font-weight: 700;
  }
  .bc-item a:hover{ text-decoration: underline; }

  .bc-item:not(:last-child)::after{ content: none !important; }

  .bc-sep{
    width: 16px; height: 16px;
    stroke: #9ca3af; stroke-width: 2;
    fill: none; stroke-linecap: round; stroke-linejoin: round;
    opacity: .9; margin: 0 6px;
    flex: 0 0 auto;
  }

  @media (max-width:640px){
    .breadcrumb{ padding: 8px 12px; border-radius: 10px; }
    .bc-item{ font-size: 13px; }
    .bc-sep{ width: 14px; height: 14px; }
  }