.lg-pd{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:start}
.lg-pd-media{position:sticky;top:98px}
.lg-pd-cover{aspect-ratio:1/1.05;border-radius:24px;background:var(--bg-2);border:1px solid var(--line);display:grid;place-items:center;position:relative;overflow:hidden}
.lg-pd-cover .big{width:120px;height:120px;border-radius:30px;background:var(--sky-2);color:var(--sky-deep);display:grid;place-items:center}
.lg-pd-cover .big svg{width:60px;height:60px}
.lg-pd-cover .fmtbadge{position:absolute;bottom:20px;right:20px;background:var(--card);border:1px solid var(--line);border-radius:100px;padding:8px 16px;font-size:12.5px;font-weight:600;color:var(--ink-2);display:flex;align-items:center;gap:8px}
.lg-pd-cover .fmtbadge svg{width:15px;height:15px;color:var(--sky-deep)}
.lg-pd-thumbs{display:flex;gap:12px;margin-top:14px}
.lg-pd-thumbs .t{width:74px;height:74px;border-radius:14px;background:var(--bg-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-3);cursor:pointer;transition:.15s}
.lg-pd-thumbs .t.on,.lg-pd-thumbs .t:hover{border-color:var(--sky-deep);color:var(--sky-deep)}
.lg-pd-thumbs .t svg{width:26px;height:26px}
.lg-pd .ptype{font-size:13px;font-weight:600;color:var(--gold)}
.lg-pd h1{font-size:30px;font-weight:800;color:var(--ink);line-height:1.4;letter-spacing:-.01em;margin-top:10px}
.lg-pd .rating{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:13px;color:var(--ink-3)}
.lg-pd .stars{display:flex;gap:2px;color:var(--gold)}
.lg-pd .stars svg{width:17px;height:17px;fill:currentColor;stroke:none}
.lg-pd .lead{font-size:15px;color:var(--ink-2);margin-top:20px;line-height:1.8}
.lg-pd-pricebox{background:var(--card);border:1px solid var(--card-line);border-radius:20px;padding:24px;margin-top:24px;box-shadow:var(--shadow-sm)}
.lg-pd-price{display:flex;align-items:baseline;gap:12px}
.lg-pd-price .now{font-family:Vazirmatn;font-size:32px;font-weight:800;color:var(--ink)}
.lg-pd-price .now small{font-size:15px;font-weight:600;color:var(--ink-3)}
.lg-pd-price .off{font-size:16px;color:var(--ink-3);text-decoration:line-through}
.lg-pd-price .save{font-size:12px;font-weight:600;color:#1f8a52;background:color-mix(in srgb,#1f8a52 12%,transparent);padding:4px 10px;border-radius:100px}
.lg-pd-actions{display:flex;gap:12px;margin-top:20px}
.lg-pd-actions .lg-btn{flex:1;padding:15px}
.lg-pd-trust{display:flex;flex-direction:column;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.lg-pd-trust .r{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink-2)}
.lg-pd-trust .r svg{width:18px;height:18px;color:#1f8a52;flex:none}
.lg-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:0}
.lg-tab{padding:14px 20px;font-size:15px;font-weight:600;color:var(--ink-3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:.15s;background:none;border-top:none;border-inline:none;font-family:inherit}
.lg-tab.on{color:var(--ink);border-bottom-color:var(--gold)}
.lg-tab:hover{color:var(--ink)}
.lg-tabpanel{display:none;padding-top:30px}
.lg-tabpanel.on{display:block}
@media (max-width:960px){.lg-pd{grid-template-columns:1fr;gap:32px}.lg-pd-media{position:static}}
@media (max-width:640px){.lg-pd h1{font-size:23px}.lg-pd-actions{flex-direction:column}}