.pd-page{
  --pd-bg:#17181B;
  --pd-surface:#1E2024;
  --pd-surface-2:#24262B;
  --pd-border:#2E3136;
  --pd-text:#F4F4F1;
  --pd-muted:#9DA0A7;
  --pd-accent:#FF6A35;
  --pd-accent-hover:#FF8257;
  --pd-thumb-bg:#F3EEDA;
  --pd-thumb-ink:#3A3626;
  font-family:'Manrope',system-ui,sans-serif;
}
.pd-page .display-font{ font-family:'Outfit',system-ui,sans-serif; }

.pd-gallery{ position:relative; max-width:560px; border-radius:16px; overflow:hidden; border:1px solid var(--pd-border); background:var(--pd-thumb-bg); }
.pd-main-img{ width:100%; aspect-ratio:1/1; object-fit:cover; display:block; }
.pd-thumbs{ display:flex; gap:8px; }
.pd-thumb{
  flex-shrink:0; width:64px; height:64px; border-radius:10px; overflow:hidden;
  padding:0; border:2px solid transparent; background:var(--pd-thumb-bg); cursor:pointer;
}
.pd-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.pd-thumb.pd-thumb-active{ border-color:var(--pd-accent); }
.pd-gallery-empty{
  position:relative;
  height:200px; border-radius:16px; background:var(--pd-thumb-bg); color:var(--pd-thumb-ink);
  display:flex; align-items:center; justify-content:center;
}
.pd-gallery-empty i{ font-size:3rem; opacity:.6; }

.pd-share-btn{
  position:absolute; top:12px; right:12px; z-index:2;
  width:38px; height:38px; border-radius:50%;
  background:rgba(23,24,27,.68); color:#fff;
  display:flex; align-items:center; justify-content:center;
  text-decoration:none;
}
.pd-share-btn:hover{ background:var(--pd-accent); color:#fff; }

.pd-title-block{ min-width:0; flex:1 1 auto; }
.pd-title{ font-family:'Outfit',sans-serif; font-weight:700; color:var(--pd-text); }
.pd-store-link{ color:var(--pd-accent); text-decoration:none; display:inline-flex; align-items:center; gap:.35rem; }
.pd-store-link:hover{ color:var(--pd-accent-hover); }
.pd-store-avatar{
  width:18px; height:18px; border-radius:50%; overflow:hidden; flex-shrink:0;
  background:var(--pd-surface-2); color:var(--pd-accent);
  font-family:'Outfit',sans-serif; font-weight:700; font-size:.55rem;
  display:flex; align-items:center; justify-content:center;
}
.pd-store-avatar img{ width:100%; height:100%; object-fit:cover; }
.pd-price{ font-family:'Outfit',sans-serif; font-weight:700; color:var(--pd-text); }
.pd-price-pending{ font-family:'Outfit',sans-serif; font-weight:600; font-style:italic; color:var(--pd-muted); }
.pd-delivery{ color:var(--pd-muted); font-size:.72rem; }
.pd-tag{ background:var(--pd-surface-2); color:var(--pd-muted); border:1px solid var(--pd-border); font-weight:600; }
.pd-desc{ color:var(--pd-muted); }

.pd-btn-solid{
  background:var(--pd-accent); border:none; color:#fff; border-radius:10px; font-weight:700;
}
.pd-btn-solid:hover{ background:var(--pd-accent-hover); color:#fff; }
.pd-btn-solid:disabled{ opacity:.5; }

.pd-notice, .pd-options{ background:var(--pd-surface); border:1px solid var(--pd-border); border-radius:14px; }
.pd-notice i{ color:var(--pd-accent); }
.pd-notice p, .pd-warning{ color:var(--pd-muted); }
.pd-warning{ background:var(--pd-surface); border:1px solid var(--pd-border); border-radius:14px; }

.pd-attr-label{ color:var(--pd-muted); font-size:.7rem; text-transform:uppercase; letter-spacing:.04em; }
.pd-attr-btn{
  font-size:.78rem; padding:.3rem .8rem; border-radius:20px; font-weight:600;
  border:1.5px solid var(--pd-border); color:var(--pd-muted); background:transparent;
}
.pd-attr-btn:hover{ border-color:var(--pd-accent); color:var(--pd-text); }
.pd-attr-btn.pd-attr-active{ background:var(--pd-accent); border-color:var(--pd-accent); color:#fff; }

.pd-seller{ align-items:center; gap:14px; border:1px solid var(--pd-border); border-radius:16px; padding:16px 18px; }
.pd-seller-avatar{
  width:48px; height:48px; border-radius:50%; overflow:hidden; flex-shrink:0;
  background:var(--pd-surface-2); color:var(--pd-accent);
  font-family:'Outfit',sans-serif; font-weight:700; font-size:1rem;
  display:flex; align-items:center; justify-content:center;
}
.pd-seller-avatar img{ width:100%; height:100%; object-fit:cover; }
.pd-seller-info{ flex:1 1 auto; min-width:0; }
.pd-seller-label, .pd-seller-rating{ color:var(--pd-muted); font-size:.8rem; }
.pd-seller-name{ font-family:'Outfit',sans-serif; font-weight:700; color:var(--pd-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pd-seller-link{
  flex-shrink:0; padding:.45rem .9rem; border:1.5px solid var(--pd-accent); border-radius:10px;
  color:var(--pd-accent); font-weight:700; font-size:.875rem; text-decoration:none;
}
.pd-seller-link:hover{ background:var(--pd-accent); color:#fff; }

@media (min-width: 992px){
  .pd-info .pd-title-main{ font-size:1.9rem; line-height:1.2; }
  .pd-info .pd-desc{ font-size:.95rem; line-height:1.55; }
  .pd-buy{ background:var(--pd-surface); border:1px solid var(--pd-border); border-radius:16px; padding:22px; margin-bottom:1rem; }
  .pd-buy-head{ align-items:baseline; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
  .pd-buy-head .pd-price{ font-size:2.2rem; font-weight:800; line-height:1; }
  .pd-buy-head .pd-price-pending{ font-size:1.2rem; }
  .pd-buy-head .pd-delivery{ font-size:.8rem; }
  .pd-buy .pd-options, .pd-buy .pd-notice, .pd-buy .pd-warning{ background:transparent; border:0; border-radius:0; padding:0 !important; }
  .pd-buy > *:last-child{ margin-bottom:0 !important; }
}