.ptkpg-injected { display:block; }

.ptkpg-promo {
  display:flex; 
  flex-direction:column; 
  height:100%;
  overflow:hidden;
  background:#eef1e7; 
  box-shadow:0 4px 16px rgba(0,0,0,.06);
}
.ptkpg-promo .thumbnail-container { display:flex; flex-direction:column; /*min-height:100%;*/ background:transparent; }
.ptkpg-promo .thumbnail-top { padding:0; }
.thumbnail.product-thumbnail.ptkpg-thumb {
  width: 100%;
  height: auto;
}
.ptkpg-thumb { display:block; position:relative; width:100%; min-height:230px; background:#f4f4f4; overflow:hidden; }
.ptkpg-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.ptkpg-badge {
  position:absolute; top:12px; left:12px; z-index:2;
  background:linear-gradient(135deg,#d8b458 0%,#b98a1f 100%); color:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.14); font-size:12px; font-weight:700; line-height:1;
  padding:7px 10px; border-radius:999px;
}
.ptkpg-body { display:flex; flex-direction:column; gap:10px; padding:14px; flex:1; }
.ptkpg-title { margin:0; font-size:18px; line-height:10px; text-align:center; }
.ptkpg-actions { margin-top:auto; display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:center; }
.ptkpg-actions .btn { width:auto; }
.ptkpg-btn {
  display:inline-flex; align-items:center; justify-content:center;
  padding:6px 10px; font-size:11px; line-height:1.1; border-radius:6px; font-weight:700;
  min-height:32px; text-transform:uppercase; letter-spacing:.015em;
}
.ptkpg-btn--secondary { background:transparent; border:1px solid rgba(0,0,0,.15); color:#55657b; }
.ptkpg-modal-open { overflow:hidden; }
.ptkpg-modal-overlay { position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.45); display:flex; align-items:center; justify-content:center; padding:24px; }
.ptkpg-modal-dialog { position:relative; width:min(1100px,96vw); height:min(85vh,900px); background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.25); }
.ptkpg-modal-close { position:absolute; top:10px; right:10px; z-index:2; width:36px; height:36px; border:0; border-radius:999px; background:rgba(255,255,255,.92); color:#333; font-size:24px; line-height:1; cursor:pointer; }
.ptkpg-modal-frame { width:100%; height:100%; border:0; display:block; background:#fff; }
@media (max-width:767px) {
  .ptkpg-modal-overlay { padding:10px; }
  .ptkpg-modal-dialog { width:100vw; height:90vh; border-radius:12px; }
  .ptkpg-thumb { min-height:180px; }
  .ptkpg-btn { padding:6px 10px; font-size:11px; min-height:30px; }
}

.ptkpg-body { text-align:center; }
.ptkpg-title { margin:0; }
.ptkpg-text { margin:10px 0 0; font-size:14px; line-height:1.5; }
.ptkpg-actions .btn, .ptkpg-actions .ptkpg-btn { border-radius:8px !important; }
.ptkpg-expand { margin-top:10px; background:transparent; border:0; font-size:13px; font-weight:600; color:#6b6b6b; cursor:pointer; }
.ptkpg-expand:hover { color:#333; }
.ptkpg-details { margin-top:8px; }


.ptkpg-expand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: auto;
  margin: 3px auto 0;
  padding: 01px 10px;
  background: #468500;
  border: 0;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
  border-radius: 20px!important;
}
.ptkpg-expand:hover {
  color: #333;
  background: #9cd741;
}
.ptkpg-expand__arrow {
  font-size: 12px;
  line-height: 1;
  transition: transform .18s ease;
}
.ptkpg-expand.is-open .ptkpg-expand__arrow {
  transform: translateY(-1px);
}
.ptkpg-details {
  margin-top: 10px;
}
.ptkpg-details[hidden] {
  display: none !important;
}
.ptkpg-text {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.5;
}
.ptkpg-actions {
  margin-top: 0;
}