.pd,.pd *:not(i){box-sizing:border-box;font-family:"Shabnam",Tahoma,sans-serif!important}
.pd{--yellow:#ffdd00;--blue:#004e9a;--blue2:#0a66c2;--navy:#07131f;--navy2:#0b2034;--ink:#141b24;--muted:#65717f;--line:rgba(7,19,31,.11);--soft:#f6f8fb;background:#fff;color:var(--ink);overflow:hidden}
.pd-shell{width:min(1280px,94%);margin-inline:auto}
.pd-hero{position:relative;padding:104px 0 96px;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.055) 1px,transparent 1px),radial-gradient(circle at 14% 22%,rgba(255,221,0,.25),transparent 24%),radial-gradient(circle at 86% 20%,rgba(0,78,154,.42),transparent 32%),linear-gradient(135deg,#06111d,#0b2034 52%,#102b43);background-size:74px 74px,74px 74px,auto,auto,auto}
.pd-hero:before,.pd-section:before,.pd-table-section:before,.pd-related:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,221,0,.22) 1px,transparent 1.5px),radial-gradient(rgba(255,255,255,.13) 1px,transparent 1.5px);background-size:28px 28px,56px 56px;background-position:0 0,14px 14px;opacity:.25;pointer-events:none;mask-image:linear-gradient(180deg,#000,transparent 88%)}
.pd-hero:after{content:"";position:absolute;left:-160px;bottom:-180px;width:520px;height:520px;border:1px solid rgba(255,221,0,.25);border-radius:50%;box-shadow:0 0 0 80px rgba(255,221,0,.035),0 0 0 160px rgba(255,255,255,.025)}
.pd-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr .86fr;gap:56px;align-items:center}
.pd-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;color:rgba(255,255,255,.62);font-size:13px;font-weight:800}.pd-breadcrumb a{color:rgba(255,255,255,.78);text-decoration:none;transition:.25s}.pd-breadcrumb a:hover{color:var(--yellow)}.pd-breadcrumb b{color:var(--yellow)}
.pd-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--blue);font-size:13px;font-weight:900;letter-spacing:.5px}.pd-hero .pd-kicker,.pd-dark .pd-kicker,.pd-cta .pd-kicker{color:var(--yellow)}.pd-kicker:before{content:"";width:34px;height:3px;border-radius:999px;background:var(--yellow)}
.pd-hero h1{margin:18px 0;color:#fff;font-size:clamp(36px,5.4vw,68px);line-height:1.18;letter-spacing:-.8px}.pd-hero p{margin:0;max-width:720px;color:rgba(255,255,255,.76);font-size:17px;line-height:2.15}
.pd-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.pd-btn{position:relative;isolation:isolate;min-height:54px;padding:0 27px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;text-decoration:none;font-size:14px;font-weight:900;overflow:hidden;transition:.28s ease}.pd-btn:before{content:"";position:absolute;inset:0;z-index:-1;transform:translateX(115%);transition:.4s ease;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent)}.pd-btn:hover{transform:translateY(-4px)}.pd-btn:hover:before{transform:translateX(-115%)}
.pd-btn-main{background:var(--yellow);color:var(--navy);box-shadow:0 18px 42px rgba(255,221,0,.22)}.pd-btn-main:hover{box-shadow:0 26px 62px rgba(255,221,0,.34)}
.pd-btn-line{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px)}.pd-btn-line:hover{border-color:rgba(255,221,0,.7);background:rgba(255,255,255,.13)}
.pd-hero-media{position:relative;padding:12px;border-radius:30px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);box-shadow:0 32px 90px rgba(0,0,0,.26);transition:.35s}.pd-hero-media:hover{transform:translateY(-6px);border-color:rgba(255,221,0,.35)}.pd-hero-media:before{content:"";position:absolute;inset:24px -18px -18px 24px;border:1px solid rgba(255,221,0,.28);border-radius:30px;z-index:-1}.pd-hero-media img{width:100%;height:440px;display:block;object-fit:cover;border-radius:23px;filter:saturate(.95) contrast(1.04)}
.pd-hero-badge{position:absolute;right:28px;left:28px;bottom:28px;display:flex;align-items:center;gap:14px;padding:16px;border-radius:20px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);box-shadow:0 18px 46px rgba(0,0,0,.18)}.pd-hero-badge b{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:var(--yellow);color:var(--navy);font-weight:1000}.pd-hero-badge span{color:var(--navy);font-weight:900;line-height:1.8}
.pd-section{position:relative;padding:90px 0;background:#fff;overflow:hidden}.pd-overview{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:start}.pd-copy h2,.pd-head h2,.pd-list-card h2,.pd-dark h2,.pd-cta h2{margin:16px 0;color:var(--navy);font-size:clamp(28px,3.6vw,44px);line-height:1.4}.pd-copy p,.pd-side-card p,.pd-dark p,.pd-head p,.pd-cta p{color:#4a5663;line-height:2.15;font-size:16px;margin:0}
.pd-side-card,.pd-list-card{position:relative;padding:30px;border-radius:22px;background:linear-gradient(90deg,rgba(255,221,0,.16),transparent),#f8fafc;border:1px solid var(--line);box-shadow:0 18px 44px rgba(7,19,31,.07);transition:.28s}.pd-side-card:hover,.pd-list-card:hover{transform:translateY(-5px);box-shadow:0 26px 60px rgba(7,19,31,.12);border-color:rgba(0,78,154,.22)}.pd-side-card:before,.pd-list-card:before{content:"";position:absolute;right:0;top:24px;bottom:24px;width:4px;border-radius:99px 0 0 99px;background:var(--yellow)}
.pd-side-card h3{margin:0 0 12px;color:var(--navy);font-size:21px}.pd-side-card ul,.pd-list-card ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.pd-side-card li,.pd-list-card li{position:relative;padding-right:20px;color:#4a5663;line-height:2;font-weight:700}.pd-side-card li:before,.pd-list-card li:before{content:"";position:absolute;right:0;top:16px;width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 5px rgba(255,221,0,.16)}
.pd-dark{position:relative;padding:94px 0;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.045) 1px,transparent 1px),radial-gradient(circle at 18% 20%,rgba(255,221,0,.13),transparent 24%),radial-gradient(circle at 84% 16%,rgba(0,78,154,.28),transparent 30%),linear-gradient(135deg,#06111d,#0b2135 55%,#06111d);background-size:72px 72px,72px 72px,auto,auto,auto;color:#fff}.pd-dark-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.pd-dark h2,.pd-dark p{color:#fff}.pd-dark p{color:rgba(255,255,255,.74)}
.pd-mini-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pd-mini-cards div{padding:20px;border-radius:17px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);transition:.25s}.pd-mini-cards div:hover{transform:translateY(-5px);background:rgba(255,255,255,.105);border-color:rgba(255,221,0,.28)}.pd-mini-cards b{display:block;color:var(--yellow);margin-bottom:8px;font-size:20px}.pd-mini-cards span{font-weight:800;line-height:1.8}
.pd-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pd-table-section{background:linear-gradient(90deg,rgba(7,19,31,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(7,19,31,.045) 1px,transparent 1px),#f7f9fb;background-size:64px 64px}.pd-head{position:relative;z-index:1;text-align:center;max-width:900px;margin:0 auto 42px}
.pd-table-tools{position:relative;z-index:1;display:grid;grid-template-columns:1fr 130px;gap:14px;margin-bottom:18px}.pd-search{display:flex;align-items:center;gap:14px;min-height:68px;padding:10px 16px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 36px rgba(7,19,31,.06);transition:.25s}.pd-search:focus-within{border-color:rgba(0,78,154,.36);box-shadow:0 22px 54px rgba(0,78,154,.12)}.pd-search label{padding:10px 13px;border-radius:12px;background:rgba(255,221,0,.34);color:var(--navy);font-size:13px;font-weight:1000}.pd-search input{width:100%;height:44px;border:0;outline:0;background:transparent;color:var(--navy);font-size:14px;font-weight:800}.pd-count{min-height:68px;display:grid;place-items:center;border-radius:18px;background:var(--navy);color:#fff}.pd-count strong{color:var(--yellow);font-size:24px}.pd-count span{font-size:12px;font-weight:900;opacity:.82}
.pd-table-wrap{position:relative;z-index:1;overflow:auto;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 20px 55px rgba(7,19,31,.08)}.pd-table{width:100%;min-width:1160px;border-collapse:separate;border-spacing:0;font-size:13px}.pd-table th{position:sticky;top:0;z-index:2;padding:15px 12px;background:var(--navy);color:#fff;text-align:center;white-space:nowrap;font-weight:1000}.pd-table td{padding:13px 12px;border-bottom:1px solid rgba(7,19,31,.08);color:#2f3a45;text-align:center;white-space:nowrap;font-weight:700}.pd-table tbody tr:nth-child(even){background:#f9fbfd}.pd-table tbody tr:hover{background:rgba(255,221,0,.2)}
.pd-related{background:#fff}.pd-related-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pd-related-grid a{text-decoration:none;color:inherit;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 16px 42px rgba(7,19,31,.07);transition:.28s}.pd-related-grid a:hover{transform:translateY(-7px);box-shadow:0 26px 62px rgba(7,19,31,.14);border-color:rgba(0,78,154,.24)}.pd-related-grid img{width:100%;height:190px;object-fit:cover;display:block;transition:.4s}.pd-related-grid a:hover img{transform:scale(1.045)}.pd-related-grid strong{display:block;padding:18px 18px 4px;color:var(--navy);font-size:17px}.pd-related-grid span{display:block;padding:0 18px 18px;color:var(--muted);font-size:13px;font-weight:800}
.pd-cta{padding:88px 0;background:#fff}.pd-cta-box{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;padding:42px;border-radius:28px;background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(135deg,#06111d,#0b2135);background-size:64px 64px,64px 64px,auto;color:#fff;box-shadow:0 28px 80px rgba(7,19,31,.18)}.pd-cta h2,.pd-cta p{color:#fff}.pd-cta p{color:rgba(255,255,255,.74)}
@media(max-width:1100px){.pd-hero-grid,.pd-overview,.pd-dark-grid,.pd-two-cols,.pd-cta-box{grid-template-columns:1fr}.pd-related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.pd-shell{width:94%}.pd-hero,.pd-section,.pd-dark,.pd-cta{padding:64px 0}.pd-mini-cards,.pd-table-tools,.pd-related-grid{grid-template-columns:1fr}.pd-search{display:grid}.pd-actions{display:grid}.pd-btn{width:100%}.pd-hero-media img{height:310px}.pd-hero-badge{right:20px;left:20px;bottom:20px}.pd-cta-box{padding:28px}}

/* v7.1 Related products cards - full image view */
.pd-related-grid{
  gap:24px !important;
}

.pd-related-grid a{
  border-radius:26px !important;
  background:linear-gradient(180deg,#fff,#f7f9fc) !important;
  min-height:390px;
}

.pd-related-grid img{
  height:280px !important;
  object-fit:contain !important;
  padding:18px !important;
  background:
    radial-gradient(circle at 50% 35%, rgba(255,221,0,.16), transparent 38%),
    linear-gradient(135deg,#f8fafc,#eef3f8) !important;
  transform:scale(1) !important;
}

.pd-related-grid a:hover img{
  transform:scale(1.025) !important;
}

.pd-related-grid strong{
  padding:20px 20px 6px !important;
  font-size:18px !important;
  line-height:1.65 !important;
}

.pd-related-grid span{
  padding:0 20px 22px !important;
  font-size:13px !important;
  line-height:1.8 !important;
}

@media(max-width:760px){
  .pd-related-grid img{
    height:260px !important;
  }

  .pd-related-grid a{
    min-height:auto;
  }
}

/* ===== PODEM Related Products Premium Cards ===== */

.pd-related-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:28px;
}

.pd-related-grid a{
    position:relative;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    min-height:430px;
    border-radius:24px;
    background:#fff;
    border:1px solid rgba(0,78,154,.08);
    box-shadow:0 18px 45px rgba(2,32,65,.08);
    transition:.35s ease;
}

.pd-related-grid a::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:5px;
    background:linear-gradient(90deg,#ffdd00,#004e9a);
}

.pd-related-grid a:hover{
    transform:translateY(-10px);
    box-shadow:0 30px 70px rgba(2,32,65,.16);
    border-color:rgba(0,78,154,.18);
}

.pd-related-grid img{
    width:100%;
    height:280px;
    object-fit:contain;
    padding:22px;
    background:
      radial-gradient(circle at center,
      rgba(255,221,0,.14),
      transparent 60%),
      linear-gradient(180deg,#f9fbfd,#eef4f8);
    transition:.4s ease;
}

.pd-related-grid a:hover img{
    transform:scale(1.04);
}

.pd-related-grid strong{
    display:block;
    padding:22px 22px 8px;
    font-size:20px;
    line-height:1.7;
    color:#022041;
    font-weight:900;
}

.pd-related-grid span{
    display:block;
    padding:0 22px;
    color:#004e9a;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.pd-related-grid a::after{
    content:"مشاهده محصول ←";
    margin-top:auto;
    padding:20px 22px;
    color:#022041;
    font-size:14px;
    font-weight:900;
    border-top:1px solid rgba(0,0,0,.05);
    transition:.3s ease;
}

.pd-related-grid a:hover::after{
    color:#004e9a;
    padding-right:28px;
}

@media(max-width:768px){

    .pd-related-grid{
        grid-template-columns:1fr;
    }

    .pd-related-grid img{
        height:240px;
    }

    .pd-related-grid a{
        min-height:390px;
    }

}