/* فهرس القصائد /poems/ */
.pm{position:relative}
html:not(.js) .js-only{display:none!important}

/* ---------- زخرفة الخلفية ---------- */
.pg-deco{position:absolute;top:-120px;right:0;left:0;height:1120px;pointer-events:none;overflow:hidden}
.pg-orb{position:absolute;top:-260px;left:-160px;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgba(247,208,100,.3),rgba(247,208,100,0) 68%);filter:blur(30px)}
.pg-pat{position:absolute;inset:0;opacity:.4;-webkit-mask-image:radial-gradient(ellipse 60% 55% at 50% 15%,#000 10%,transparent 100%);mask-image:radial-gradient(ellipse 60% 55% at 50% 15%,#000 10%,transparent 100%)}

/* ---------- رأس الصفحة ---------- */
.pm-hero{position:relative;padding-top:46px;padding-bottom:0;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.crumbs{display:flex;gap:10px;justify-content:center;font-size:14px;color:var(--sand)}
.crumb-cur{color:var(--gold)}
.pm-h1{font-family:var(--f-verse);font-weight:700;font-size:clamp(46px,6vw,84px);line-height:1.4;color:var(--ivory-hi);text-shadow:0 0 40px rgba(242,199,90,.25)}
.pm-div{display:flex;justify-content:center}
.pm-stats{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.pm-stat{padding:14px 26px;border-radius:22px;display:flex;flex-direction:column;align-items:center;gap:2px}
.pm-stat b{font:400 34px/1.2 var(--f-verse);color:var(--gold)}
.pm-stat span{font-size:13px;color:var(--sand)}

/* ---------- أدوات التصفح ---------- */
.pm-tools{position:relative;z-index:5;padding-top:40px}
.pm-toolbar{border-radius:30px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 12px;align-items:center}
.pm-bar{grid-column:1;grid-row:1;position:relative}
.pm-tabs{display:flex;flex-wrap:wrap;gap:8px}
.pm-q{grid-column:2;grid-row:1;width:340px;max-width:100%}
.pm-sent{display:none}
.pm-ctl{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid rgba(247,236,210,.1);padding-top:14px}
.pm-right{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pm-grp{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pm-gl2{font-size:13px;color:var(--sand);margin-inline-end:4px}

.pm-tab,.pm-pill,.pm-vbtn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--r-pill);font-size:14px;line-height:1;background:transparent;color:var(--ivory);border:1px solid rgba(247,236,210,.25);white-space:nowrap}
.pm-tab[aria-current="true"],.pm-pill[aria-pressed="true"],.pm-vbtn[aria-pressed="true"]{background:var(--gold);color:var(--ink);border-color:var(--gold);font-weight:500}
.pm-tab[aria-current="true"]:hover,.pm-pill[aria-pressed="true"]:hover,.pm-vbtn[aria-pressed="true"]:hover{background:var(--gold-hi);border-color:var(--gold-hi)}
.pm-tc{font-size:12px;opacity:.75}
.pm-tab,.pm-pill,.pm-vbtn,.pm-toverse{min-height:40px}
.pm-toverse{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--r-pill);border:1px solid rgba(242,199,90,.45);color:var(--gold);font-size:14px;margin-inline-start:6px}

/* مربع البحث في العناوين */
.pm-qbox{display:flex;align-items:center;gap:6px;height:48px;padding:0 6px 0 18px;border-radius:var(--r-pill);background:rgba(255,248,230,.95);border:1px solid transparent;color:var(--ink);transition:border-color .4s,box-shadow .4s}
.pm-qbox:focus-within{border-color:rgba(242,199,90,.7);box-shadow:0 0 0 4px rgba(242,199,90,.12)}
.pm-qbox input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:15px;color:var(--ink);direction:rtl;height:100%;padding:0 4px}
.pm-qbox input::placeholder{color:#5c6d63}
.pm-qbox input::-webkit-search-cancel-button{display:none}
.pm-qgo,.pm-qclr{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#294840;display:flex;align-items:center;justify-content:center;padding:0}

/* ملخص */
.pm-sumrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 6px 0}
.pm-sum{font-size:14px;color:var(--sand);min-height:1.7em}

/* ---------- القصائد ---------- */
.pm-list{position:relative;padding-top:10px;padding-bottom:120px;display:flex;flex-direction:column;gap:56px}
.pm-group{display:flex;flex-direction:column;gap:22px;scroll-margin-top:90px}
.pm-ghead{display:flex;align-items:center;gap:16px;padding-top:24px}
.pm-gtx{display:contents}
.pm-gt{font:700 36px/1.4 var(--f-verse);color:var(--ivory-hi)}
.pm-gm{font-size:14px;color:var(--sand)}
.pm-gl{flex:1;height:1px;background:linear-gradient(90deg,rgba(242,199,90,0),rgba(242,199,90,.4))}
.pm-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:20px}
.pm-items>li{display:flex}
.pm-items>li[hidden]{display:none}

/* بطاقة المحراب */
.pc{position:relative;flex:1;min-height:268px;border-radius:300px 300px 26px 26px;padding:0 18px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;border:1px solid rgba(247,236,210,.16);background:linear-gradient(180deg,rgba(255,244,214,.08),rgba(255,244,214,.015));transition:transform .7s var(--ease),border-color .7s,box-shadow .7s,background .7s}
.pc.is-live{border-color:rgba(242,199,90,.6);background:linear-gradient(180deg,rgba(242,199,90,.16),rgba(255,244,214,.03));box-shadow:0 0 44px rgba(242,199,90,.14)}
.pc:hover{transform:translateY(-8px);border-color:rgba(242,199,90,.75);box-shadow:0 30px 70px rgba(0,0,0,.35),0 0 50px rgba(242,199,90,.16)}
.pc-arch{position:absolute;inset:8px;border-radius:300px 300px 16px 16px;border:1px solid rgba(242,199,90,.2);pointer-events:none}
.pc-num{font-family:var(--f-verse);font-size:44px;line-height:1;color:var(--gold);text-shadow:0 0 26px rgba(242,199,90,.45);margin-top:34px}
.pc-star{flex:none}
.pc-title{font-family:var(--f-verse);font-size:19px;line-height:1.75;color:var(--ivory-hi);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pc-part,.pc-chev{display:none}
.pc-meta{display:flex;align-items:center;justify-content:center;gap:6px 8px;flex-wrap:wrap;font-size:12px;color:var(--sand)}
.pc-badge{flex:none;padding:3px 10px;border-radius:var(--r-pill);font-size:11px;border:1px solid rgba(247,236,210,.22);color:var(--sand);line-height:1.6}
.pc-badge.is-live{background:var(--gold);color:var(--ink);font-weight:500;border-color:var(--gold)}
.pc-soon{font-size:11px;color:var(--sand);opacity:.85}

/* عرض القائمة */
.view-list .pm-items{display:flex;flex-direction:column;gap:8px}
.view-list .pc{flex-direction:row;align-items:center;gap:18px;min-height:0;padding:12px 20px;border-radius:22px;text-align:right;background:rgba(255,248,230,.03);border-color:rgba(247,236,210,.1);box-shadow:none;transition:background .5s,border-color .5s}
.view-list .pc.is-live{border-color:rgba(242,199,90,.55);background:linear-gradient(270deg,rgba(242,199,90,.04),rgba(242,199,90,.12))}
.view-list .pc:hover{transform:none;background:rgba(242,199,90,.08);border-color:rgba(242,199,90,.4);box-shadow:none}
.view-list .pc-arch,.view-list .pc-star{display:none}
.view-list .pc-num{flex:none;width:52px;height:60px;border-radius:300px 300px 10px 10px;border:1px solid rgba(242,199,90,.5);display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;margin:0;font-size:22px;text-shadow:none}
.view-list .pc-title{font-size:22px;line-height:1.7;display:block;-webkit-line-clamp:unset;overflow:visible;min-width:0}
.view-list .pc-part{display:block;flex:0 0 110px;font-size:13px;color:var(--sand)}
.view-list .pc-meta{flex:none;justify-content:flex-start}
.view-list .pc-count{flex:0 0 80px;text-align:right;font-size:13px}
.view-list .pc-chev{display:block;flex:none}
.view-list .pc-soon{display:none}

/* مجموعة الترتيب بالطول */
.pm-flat[hidden]{display:none}

/* لا نتائج */
.pm-empty{border-radius:30px;padding:56px 24px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.pm-empty[hidden]{display:none}
.pm-empty-star{opacity:.7}
.pm-empty-t{font:400 30px/1.5 var(--f-verse);color:var(--ivory-hi)}
.pm-empty-s{font-size:14px;color:var(--sand)}

/* نافذة الترتيب (موبايل) */
.pm-sheet{position:fixed;inset:0;z-index:70}
.pm-veil{position:absolute;inset:0;width:100%;border:0;background:rgba(10,22,19,.6);animation:veil .4s ease both}
.pm-sheet-in{position:absolute;right:0;left:0;bottom:0;border-radius:30px 30px 0 0;background:linear-gradient(180deg,#2E5148,var(--bg-3));border-top:1px solid rgba(242,199,90,.4);padding:10px 18px calc(30px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px;animation:sheet .55s var(--ease-slow) both}
.pm-grip{align-self:center;width:44px;height:5px;border-radius:5px;background:rgba(247,236,210,.3)}
.pm-sheet-hd{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 4px}
.pm-sheet-hd h3{font:700 24px/1.5 var(--f-verse);color:var(--ivory-hi)}
.pm-opt{width:100%;min-height:64px;padding:10px 16px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ivory-hi);border:1px solid rgba(247,236,210,.14);background:rgba(255,248,230,.04);text-align:right}
.pm-opt[aria-pressed="true"]{border-color:rgba(242,199,90,.7);background:rgba(242,199,90,.12)}
.pm-opt-t{display:flex;flex-direction:column;gap:2px}
.pm-opt-t b{font-size:16px;font-weight:500}
.pm-opt-t small{font-size:12px;color:var(--sand)}
.pm-dot{flex:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(247,236,210,.35)}
.pm-dot svg{display:none}
.pm-opt[aria-pressed="true"] .pm-dot{background:var(--gold);border-color:var(--gold)}
.pm-opt[aria-pressed="true"] .pm-dot svg{display:block}

/* ====================== موبايل ====================== */
@media (max-width:860px){
  .pg-deco{top:-60px;height:580px}
  .pg-orb{top:-130px;left:-150px;width:400px;height:400px;filter:none}
  .pg-pat{opacity:.35;-webkit-mask-image:radial-gradient(ellipse 80% 55% at 50% 20%,#000 10%,transparent 100%);mask-image:radial-gradient(ellipse 80% 55% at 50% 20%,#000 10%,transparent 100%)}
  .pm{display:flex;flex-direction:column}
  .pm>.wrap{margin:0;width:100%}
  .pm-hero{padding-top:14px;padding-bottom:18px;gap:4px}
  .pm-hero .eyebrow{font-size:12px}
  .pm-h1{font-size:44px;text-shadow:0 0 34px rgba(242,199,90,.25)}
  .pm-div svg{width:190px;height:auto}
  .pm-stats-m{margin-top:6px;font-size:14px;color:var(--sand)}
  .pm-stats-m b{font:400 17px var(--f-verse);color:var(--gold)}

  /* الأدوات تصبح عناصر مباشرة في عمود الصفحة ليثبت شريط الأجزاء */
  .pm-tools,.pm-toolbar,.pm-right{display:contents}
  .pm-q{order:1;padding:0 var(--gut);margin:0;width:auto;max-width:none}
  .pm-qbox{height:54px;padding:0 6px;background:var(--ivory-hi);box-shadow:0 14px 36px rgba(0,0,0,.28);gap:6px}
  .pm-qbox input{font:400 19px var(--f-verse);padding:0 4px}
  .pm-qbox input::placeholder{color:rgba(41,72,64,.6)}
  .pm-qgo{background:var(--bg-3);color:var(--gold)}
  .pm-sent{display:block;order:2;height:12px}
  .pm-bar{order:3;position:sticky;top:calc(var(--header-h) - 4px);z-index:20;margin-top:-6px}
  .pm-bar::before{content:"";position:absolute;z-index:-1;right:0;left:0;top:-60px;bottom:0;border-bottom:1px solid transparent;pointer-events:none;transition:background .5s,border-color .5s,box-shadow .5s}
  .pm-tabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:6px var(--gut) 10px;gap:8px}
  .pm-tabs::-webkit-scrollbar{display:none}
  .pm-tab{flex:none;height:44px;min-height:44px;background:rgba(22,48,42,.35)}
  .pm-tab[aria-current="true"]{background:var(--gold)}
  body.pm-stuck .pm-bar::before{background:rgba(29,55,49,.88);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-bottom-color:rgba(247,236,210,.12);box-shadow:0 10px 30px rgba(0,0,0,.18)}
  body.pm-stuck .site-header .hdr{background:transparent!important;border-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

  .pm-ctl{display:flex;order:4;align-items:center;justify-content:space-between;gap:10px;padding:6px var(--gut) 0;border:0}
  .pm-sortbtn{flex:0 1 auto;min-width:0;height:44px;padding:0 14px;border-radius:var(--r-pill);border:1px solid rgba(247,236,210,.25);background:rgba(22,48,42,.35);color:var(--ivory);display:flex;align-items:center;gap:8px;font-size:14px}
  .pm-sortbtn span{white-space:nowrap}
  .pm-views{flex:none;gap:2px;padding:3px;border-radius:var(--r-pill);border:1px solid rgba(247,236,210,.2);background:rgba(22,48,42,.35);flex-wrap:nowrap}
  .pm-vbtn{height:38px;min-height:44px;min-width:44px;padding:0 12px;border:0;gap:6px;font-size:13px}
  .pm-sumrow{display:flex;order:5;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:0 var(--gut);margin:0}
  .pm-sum{font-size:13px;line-height:1.6}
  .pm-toverse-m{flex:none;height:44px;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--gold)}
  .pm-list{order:6;padding-top:0;padding-bottom:8px;gap:0}
  .pm-group{gap:0}
  .pm-ghead{gap:10px;padding:26px 0 14px}
  .pm-ghead svg{width:20px;height:20px}
  .pm-gt{font-size:26px;line-height:1.4}
  .pm-gtx{display:flex;flex-direction:column}
  .pm-gm{font-size:13px;line-height:1.5}
  .pm-gt,.pm-gm{white-space:nowrap}
  .pm-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .pc{min-height:228px;border-radius:200px 200px 22px 22px;padding:0 12px 14px;gap:8px;transition:none}
  .pc:hover{transform:none}
  .pc:active{transform:scale(.97)}
  .pc-arch{inset:6px;border-radius:200px 200px 16px 16px;border-color:rgba(242,199,90,.18)}
  .pc-num{font-size:38px;margin-top:30px;text-shadow:0 0 22px rgba(242,199,90,.42)}
  .pc-star{width:10px;height:10px}
  .pc-title{font-size:17px;line-height:1.7}
  .pc-meta{gap:4px 6px}
  .pc-badge{padding:2px 9px;font-size:12px}
  .pc-soon{font-size:12px}

  .view-list .pc{display:grid;grid-template-columns:44px minmax(0,1fr) 16px;grid-template-areas:"num title chev" "num meta chev";align-items:center;column-gap:12px;row-gap:2px;min-height:72px;padding:10px 12px 10px 14px;border-radius:20px;transition:none}
  .view-list .pc-num{grid-area:num;width:44px;height:52px;padding-bottom:6px;font-size:19px;line-height:1;background:linear-gradient(180deg,rgba(242,199,90,.12),rgba(242,199,90,0));border-radius:200px 200px 10px 10px}
  .view-list .pc-title{grid-area:title;font-size:18px;line-height:1.6}
  .view-list .pc-part{display:none}
  .view-list .pc-meta{grid-area:meta;gap:4px 8px;justify-content:flex-start}
  .view-list .pc-count{flex:none;font-size:12px}
  .view-list .pc-chev{grid-area:chev}
  .view-list .pc-soon{display:inline}

  .pm-empty{margin-top:18px;border-radius:28px;padding:40px 20px;gap:12px}
  .pm-empty-t{font-size:24px}
  .pm-empty .btn{width:100%;height:50px}
  .pm-empty .btn-sm{height:46px;font-size:14px}
  .pm-items>li{min-width:0}
}
@media (max-width:860px) and (prefers-reduced-motion:reduce){.pm-sheet-in,.pm-veil{animation:none!important}}