/* product-pasio.css — ظاهر صفحه محصول استایل اختصاصی اپل پاسیو (فقط با کلاس .pd-pasio روی body فعال می‌شود) */
.pd-pasio{--pd-blue:#0a8cf0;--pd-line:var(--border-main,#e4e4e7);--pd-card:var(--card-bg,#fff);--pd-txt:var(--text-main,#18181b);--pd-dim:var(--text-dim,#71717a);--pd-soft:#f4f4f5}
[data-theme="dark"] .pd-pasio{--pd-soft:#26262b}

/* ---------- عنوان و ردیف‌های بالای اطلاعات ---------- */
.pd-pasio .pd-title{font-size:15px;line-height:2.1;font-weight:800;color:var(--pd-txt)}
.pd-pasio .pd-sub{font-size:12px;color:var(--pd-dim);margin-top:6px;line-height:1.9}
.pd-pasio .pd-rating{display:inline-flex!important;align-items:center;gap:6px;background:var(--pd-soft);border-radius:999px;padding:6px 14px;margin-top:14px;font-size:12px;color:var(--pd-txt)!important}
.pd-pasio .pd-rating svg{fill:var(--pd-dim)!important}
.pd-pasio .pd-crumb{margin-bottom:14px!important;font-size:12px}
.pd-pasio .pd-crumb a{color:var(--pd-dim)!important;border-bottom:1px solid var(--pd-line)}
.pd-pasio .pd-crumb a:last-child{border:0;color:var(--pd-blue)!important}

/* ---------- انتخاب واریانت (رنگ، حافظه، ...) ---------- */
.pd-pasio .pd-variant{margin:22px 0 0!important}
.pd-pasio .pd-variant>div:first-child{font-size:14px;font-weight:800;color:var(--pd-txt);margin-bottom:12px}
.pd-pasio .pd-variant .pd-sel{font-weight:700;margin-inline-start:4px}
.pd-pasio .pd-variant ul{gap:10px}
.pd-pasio .pd-variant label{border:1.5px solid var(--pd-line)!important;border-radius:999px!important;background:var(--pd-card)!important;color:var(--pd-txt)!important;padding:8px 14px!important;box-shadow:none!important;transition:border-color .15s}
.pd-pasio .pd-variant input:checked+label{border-color:var(--pd-txt)!important;box-shadow:none!important}
.pd-pasio .pd-variant input:disabled+label{opacity:.4;text-decoration:line-through}
@media (min-width:1024px){
  .pd-pasio .pd-variant[data-kind="color"] label{width:40px;height:40px;padding:3px!important;border-radius:50%!important;justify-content:center}
  .pd-pasio .pd-variant[data-kind="color"] label .text-sm{display:none}
  .pd-pasio .pd-variant[data-kind="color"] label .w-5{width:100%;height:100%}
  .pd-pasio .pd-variant[data-kind="color"] input:checked+label{border-color:var(--pd-blue)!important;box-shadow:0 0 0 2px var(--pd-card),0 0 0 4px var(--pd-blue)!important}
}

/* ---------- گالری ---------- */
.pd-pasio .pd-photo{position:relative}
.pd-pasio #mainImage{width:min(100%,460px);max-width:100%;border-radius:14px}
.pd-pasio .pd-photo img[onclick]{width:72px;height:72px;border-radius:10px;border:1.5px solid var(--pd-line);opacity:.85;padding:2px;background:var(--pd-card)}
.pd-pasio .pd-photo img[onclick]:hover{opacity:1;border-color:var(--pd-blue)}
@media (min-width:1024px){
  .pd-pasio .pd-tools{position:absolute;top:0;right:0;flex-direction:column;gap:14px;padding:0!important;z-index:5}
  .pd-pasio .pd-photo>div:nth-child(2){padding-right:56px}
}
@media (max-width:1023px){.pd-pasio .pd-tools{padding-right:0!important;justify-content:flex-start;margin-bottom:10px}}

/* ---------- باکس خرید (چپ، چسبان) ---------- */
@media (min-width:1024px){.pd-pasio .pd-buy{position:sticky;top:16px;align-self:flex-start}}
.pd-pasio .pd-buy .divide-y{background:var(--pd-card);border:1px solid var(--pd-line)!important;border-radius:14px;padding:6px 16px}
.pd-pasio .pd-buy .divide-y>div{font-size:13px}
.pd-pasio .pd-pricerow{flex-direction:column!important;align-items:stretch!important;gap:14px!important}
.pd-pasio .pd-pricerow>div:first-child{order:2;align-items:flex-end!important;width:100%}
.pd-pasio .pd-pricerow>div:last-child{order:3;width:100%}
.pd-pasio .pd-pricerow #mainPrice{font-size:26px}
.pd-pasio .pd-pricerow #stockWarning{order:1;color:#e5484d!important;font-size:12px;font-weight:700;margin:0 0 4px}
.pd-pasio .pd-pricerow #stockWarning:not(.hidden)::before{content:"🔥 "}
.pd-pasio .pd-pricerow>div:first-child{display:flex;flex-direction:column}
.pd-pasio .pd-pricerow>div:first-child>.text-zinc-800{order:2}
.pd-pasio #addToCartBtn,.pd-pasio #addToCartBtnMobile,.pd-pasio .pd-pricerow a[href^="tel"],.pd-pasio #mobileBuyBar a[href^="tel"]{border-radius:10px!important;padding:14px 8px!important;font-size:15px!important;font-weight:800;box-shadow:0 4px 14px rgba(93,32,40,.25)}

/* ---------- نوار خرید پایین موبایل ---------- */
#mobileBuyBar{flex-direction:row-reverse!important;gap:14px!important;padding:10px 16px!important;border-top:1px solid var(--pd-line,#e4e4e7)!important;box-shadow:0 -6px 18px rgba(0,0,0,.06)!important}
#mobileBuyBar>div:first-child{width:42%!important;flex-direction:column-reverse;align-items:flex-start!important;gap:6px}
#mobileBuyBar>div:last-child{width:58%!important}
#mobileBuyBar>div:first-child>.text-zinc-700{direction:ltr;text-align:left;display:flex;align-items:baseline;gap:4px}
#mobileBuyBar>div:first-child>.text-zinc-700 .text-xs{font-size:10px;color:var(--text-dim,#71717a)}
#mobileBuyBar>div:first-child>.text-zinc-700 .text-2xl{font-size:21px}
#mobileBuyBar .text-red-400{display:inline-block;background:var(--pd-soft,#f4f4f5);color:var(--text-main,#3f3f46)!important;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}
#mobileBuyBar .text-red-400::before{content:"🔥 "}

/* ======== نسخه ۲: نزدیک‌تر به دیجی‌کالا ======== */
/* مسیر: فقط دو لینک آبی بالای عنوان */
.pd-pasio .pd-crumb a:last-of-type,.pd-pasio .pd-crumb svg:last-of-type{display:none}
.pd-pasio .pd-crumb a{color:var(--pd-blue)!important;border:0!important;font-weight:600}
.pd-pasio .pd-crumb svg{fill:var(--pd-blue)!important;width:12px;height:12px}
.pd-pasio .pd-crumb{margin-bottom:8px!important}

/* ویژگی‌ها: سلول‌های خاکستری مثل دیجی‌کالا */
.pd-pasio .pd-feat-h{margin-top:28px!important;font-size:16px;font-weight:800;color:var(--pd-txt)!important}
.pd-pasio .pd-feat{max-width:none!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:12px 0!important;margin:0!important}
@media (min-width:768px){.pd-pasio .pd-feat{grid-template-columns:repeat(3,1fr)!important}}
.pd-pasio .pd-feat>div{background:var(--pd-soft)!important;border-radius:8px!important;padding:12px 14px!important;gap:6px!important;justify-content:flex-start!important}
.pd-pasio .pd-feat>div>div:first-child{font-size:12px;color:var(--pd-dim)!important}
.pd-pasio .pd-feat>div>div:last-child{font-size:13px;font-weight:700;color:var(--pd-txt)!important}

/* رنگ دایره‌ای: خود رنگ پر شود */
@media (min-width:1024px){
  .pd-pasio .pd-variant[data-kind="color"] label>div{width:100%;height:100%;justify-content:center;gap:0}
  .pd-pasio .pd-variant[data-kind="color"] label .w-5{width:100%!important;height:100%!important;flex:1}
}

/* باکس خرید: ترتیب مثل دیجی‌کالا (قیمت و دکمه، بعد گارانتی، بعد ارسال) */
.pd-pasio .pd-buy .divide-y{display:flex;flex-direction:column;padding:8px 16px;background:var(--pd-card)}
.pd-pasio .pd-buy .divide-y>div{border:0!important;padding-top:12px!important;padding-bottom:12px!important}
.pd-pasio .pd-buy .divide-y>.pd-pricerow{order:-1;border-bottom:1px solid var(--pd-line)!important;padding-top:14px!important}
.pd-pasio .pd-buy .divide-y>div:not(.pd-pricerow){font-size:13px;font-weight:700;color:var(--pd-txt)}

/* ---------- موبایل: کارت گرد بالا، آیکون‌ها کنار مسیر، گزینه‌ها تک‌خطی و اسکرولی ---------- */
@media (max-width:1023px){
  .pd-pasio .pd-info{position:relative;background:var(--pd-card);margin:-14px -16px 0;padding:22px 16px 0;border-radius:22px 22px 0 0;box-shadow:0 -6px 20px rgba(0,0,0,.08)}
  .pd-pasio .pd-info::before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:40px;height:4px;border-radius:4px;background:var(--pd-line)}
  .pd-pasio .pd-toprow{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
  .pd-pasio .pd-toprow .pd-crumb{margin:0!important}
  .pd-pasio .pd-toprow .pd-tools{position:static;flex-direction:row;gap:16px;margin:0!important}
  .pd-pasio .pd-variant ul{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}
  .pd-pasio .pd-variant ul::-webkit-scrollbar{display:none}
  .pd-pasio .pd-variant li{flex:0 0 auto}
  .pd-pasio .pd-variant label{padding:7px 14px!important;font-size:13px;white-space:nowrap}
  .pd-pasio .pd-photo>div:nth-child(2){padding:0}
  .pd-pasio .pd-photo img[onclick]{width:60px;height:60px}
  .pd-pasio .pd-buy{margin-top:18px}
}

/* جلوگیری از اسکرول افقی در موبایل (تولتیپ‌ها بیرون از صفحه می‌زدند) */
@media (max-width:1023px){
  .pd-pasio{overflow-x:hidden}
  .pd-pasio .pd-tools .opacity-0{display:none!important}
}

/* ======== هر گزینه = یک خانه‌ی انتخابی (تک‌مقداری یا چندمقداری) ======== */
.pd-pasio .pd-singles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;grid-auto-flow:dense}
@media (min-width:768px){.pd-pasio .pd-singles{grid-template-columns:repeat(3,1fr)}}
.pd-pasio .pd-singles .pd-variant,.pd-pasio .pd-singles .pd-variant ul{display:contents!important}
.pd-pasio .pd-singles .pd-variant>div:first-child{display:none!important}
.pd-pasio .pd-singles li{list-style:none;min-width:0}
.pd-pasio .pd-singles label{position:relative;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:flex-start!important;gap:4px;width:100%;height:100%;
  background:var(--pd-soft)!important;border:1.5px solid transparent!important;border-radius:10px!important;padding:10px 12px!important;box-shadow:none!important;white-space:normal;text-align:right;cursor:pointer;transition:border-color .15s}
.pd-pasio .pd-singles label::before{content:attr(data-label);font-size:12px;font-weight:400;color:var(--pd-dim)}
.pd-pasio .pd-singles label .text-sm{font-size:13px;font-weight:700;color:var(--pd-txt);word-break:break-word}
.pd-pasio .pd-singles input:checked+label{border-color:var(--pd-blue)!important;background:var(--pd-card)!important}
.pd-pasio .pd-singles input:checked+label::after{content:"✓";position:absolute;top:8px;left:10px;width:18px;height:18px;border-radius:50%;background:var(--pd-blue);color:#fff;font-size:11px;line-height:18px;text-align:center}
.pd-pasio .pd-singles input:disabled+label{opacity:.45;text-decoration:none;cursor:not-allowed}

/* ======== بخش پایین: تب‌ها، مشخصات، دیدگاه‌ها ======== */
.pd-pasio .pd-tabs{margin-top:48px!important;gap:6px!important;padding:0!important;position:sticky;top:0;z-index:30;background:var(--pd-card);border-bottom:1px solid var(--pd-line)!important;overflow-x:auto;scrollbar-width:none}
.pd-pasio .pd-tabs::-webkit-scrollbar{display:none}
.pd-pasio .pd-tabs a{position:relative;padding:14px 18px;font-size:14px;font-weight:700;color:var(--pd-dim)!important;white-space:nowrap}
.pd-pasio .pd-tabs a.active{color:var(--pd-txt)!important}
.pd-pasio .pd-tabs a.active::after{content:"";position:absolute;right:12px;left:12px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--pd-blue)}
.pd-pasio .pd-sec{padding:28px 4px!important;scroll-margin-top:60px;border-bottom:1px solid var(--pd-line)!important}
.pd-pasio .pd-sec>p:first-child{margin:0 0 16px!important;font-size:18px!important;font-weight:800;color:var(--pd-txt)!important}
.pd-pasio #details>p:nth-child(2){font-size:14px!important;line-height:2.1!important;color:var(--pd-dim)!important;margin:0!important}

/* جدول مشخصات: ستون برچسب + ستون مقدار، ردیف‌های فشرده */
.pd-pasio .pd-spec{max-width:920px;border:1px solid var(--pd-line);border-radius:12px;overflow:hidden;font-size:14px}
.pd-pasio .pd-spec-row{display:grid!important;grid-template-columns:minmax(110px,200px) 1fr;gap:0;align-items:stretch;width:100%!important;margin:0!important;padding:0!important;border-top:1px solid var(--pd-line)}
.pd-pasio .pd-spec-row:first-child{border-top:0}
.pd-pasio .pd-spec-row>div{width:auto!important;padding:13px 16px;font-size:13px!important;line-height:1.9}
.pd-pasio .pd-spec-row>div:first-child{background:var(--pd-soft);color:var(--pd-dim)!important;font-family:inherit}
.pd-pasio .pd-spec-row>div:last-child{font-weight:700;color:var(--pd-txt)!important;font-family:inherit;word-break:break-word}
.pd-pasio .pd-spec-row>div:first-child{font-weight:400}

/* دیدگاه‌ها */
.pd-pasio .pd-cm-wrap{gap:16px!important}
.pd-pasio .pd-cm-wrap>div{padding:0!important}
.pd-pasio .pd-cm-wrap>div:first-child>.text-sm.text-zinc-500{background:var(--pd-soft);border-radius:12px;padding:16px;text-align:center;line-height:2}
.pd-pasio .pd-cm-wrap>div:last-child>.text-sm,.pd-pasio .pd-cm-wrap>div:last-child>p{color:var(--pd-dim)!important}
@media (max-width:1023px){
  .pd-pasio .pd-tabs{margin-top:28px!important}
  .pd-pasio .pd-tabs a{padding:12px 14px;font-size:13px}
  .pd-pasio .pd-spec-row{grid-template-columns:110px 1fr}
  .pd-pasio .pd-spec-row>div{padding:11px 12px}
}

/* رنگِ تک‌مقداری داخل خانه‌ها: مثل بقیه‌ی خانه‌ها (نه دایره‌ی بزرگ) */
.pd-pasio .pd-singles .pd-variant[data-kind="color"] label{width:100%!important;height:100%!important;padding:10px 12px!important;border-radius:10px!important;justify-content:flex-start!important}
.pd-pasio .pd-singles .pd-variant[data-kind="color"] label>div{width:auto!important;height:auto!important;gap:8px!important;justify-content:flex-start!important}
.pd-pasio .pd-singles .pd-variant[data-kind="color"] label .w-5{width:16px!important;height:16px!important;flex:none!important}
.pd-pasio .pd-singles .pd-variant[data-kind="color"] label .text-sm{display:block!important}
.pd-pasio .pd-singles .pd-variant[data-kind="color"] input:checked+label{box-shadow:none!important;border-color:var(--pd-blue)!important}