/* ===== Dr. Jack — Katalog & Pikat e Shitjes — stile të vetë-mjaftueshme (nuk varen nga tema) ===== */

.djp-catalog-block, .djp-locator-block{
  --djp-green:#0B9444;
  --djp-green-dark:#086b32;
  --djp-green-light:#e8f6ee;
  --djp-charcoal:#3a3a3a;
  --djp-charcoal-soft:#6b6b6b;
  --djp-bg-soft:#f7f9f8;
  --djp-border:#e7e9e8;
  --djp-shadow:0 10px 30px rgba(20,30,25,.06);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--djp-charcoal);
  max-width:1180px;
  margin:0 auto;
  padding:0 20px;
  box-sizing:border-box;
}
.djp-catalog-block *, .djp-locator-block *{box-sizing:border-box;}
.djp-catalog-block img, .djp-locator-block img{max-width:100%;display:block;}

/* ---------- notice banner (shared) ---------- */
.djp-catalog-notice{
  background:var(--djp-green-light);border:1px solid #cfeddb;color:var(--djp-green-dark);
  border-radius:12px;padding:14px 18px;font-size:13.8px;line-height:1.5;
  display:flex;gap:10px;align-items:flex-start;margin-bottom:44px;
}
.djp-catalog-notice svg{flex-shrink:0;margin-top:2px;width:17px;height:17px;}
.djp-catalog-notice b{font-weight:700;}
.djp-catalog-notice a{color:var(--djp-green-dark);text-decoration:underline;}

/* ---------- product catalog ---------- */
.djp-catalog-list{display:flex;flex-direction:column;gap:64px;}
.djp-catalog-item{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:center;}
.djp-catalog-item.djp-alt .djp-catalog-gallery{order:2;}
@media (max-width:820px){
  .djp-catalog-item{grid-template-columns:1fr;gap:24px;}
  .djp-catalog-item.djp-alt .djp-catalog-gallery{order:0;}
}

.djp-catalog-gallery{
  position:relative;background:#fff;border:1px solid var(--djp-border);border-radius:22px;
  box-shadow:var(--djp-shadow);padding:26px;
}
.djp-season-badge{
  position:absolute;top:16px;left:16px;z-index:2;
  background:var(--djp-charcoal);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;padding:6px 12px;border-radius:999px;
}
.djp-season-badge.djp-summer{background:#d98c1a;}
.djp-season-badge.djp-pro{background:#a8946e;}
.djp-demo-badge{
  position:absolute;top:16px;right:16px;z-index:2;
  background:#fff;border:1px solid var(--djp-border);color:var(--djp-charcoal-soft);
  font-size:11.5px;font-weight:600;padding:6px 11px;border-radius:999px;
  display:inline-flex;align-items:center;gap:6px;
}
.djp-demo-badge svg{width:13px;height:13px;color:var(--djp-green);}
.djp-catalog-main-img{height:280px;display:flex;align-items:center;justify-content:center;}
.djp-catalog-main-img img{max-height:260px;max-width:100%;object-fit:contain;filter:drop-shadow(0 20px 26px rgba(20,30,25,.16));}

.djp-catalog-info .djp-type-tag{
  display:inline-block;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--djp-green);font-weight:700;margin-bottom:10px;
}
.djp-catalog-info h3{font-size:26px;margin:0 0 10px;line-height:1.2;}
.djp-catalog-info p{color:var(--djp-charcoal-soft);font-size:14.5px;line-height:1.55;margin:0 0 16px;}
.djp-code{
  font-family:"SFMono-Regular",Consolas,Menlo,monospace;font-size:12px;color:var(--djp-charcoal-soft);
  background:var(--djp-bg-soft);border:1px solid var(--djp-border);padding:5px 10px;border-radius:6px;
  display:inline-block;margin-bottom:18px;
}
.djp-material-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;}
.djp-material-tag{
  background:var(--djp-green-light);color:var(--djp-green-dark);font-size:12.5px;font-weight:700;
  padding:7px 14px;border-radius:999px;
}
.djp-spec-list{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:9px;}
.djp-spec-list li{display:flex;gap:10px;font-size:14px;color:var(--djp-charcoal-soft);line-height:1.5;}
.djp-spec-list b{color:var(--djp-charcoal);min-width:112px;flex-shrink:0;font-weight:600;}
.djp-color-row{display:flex;align-items:center;gap:12px;margin-bottom:0;flex-wrap:wrap;}
.djp-color-dots{display:flex;gap:6px;}
.djp-color-dot{width:22px;height:22px;border-radius:50%;box-shadow:0 0 0 1px var(--djp-border), 0 0 0 3px #fff inset;}
.djp-color-count{font-size:13px;color:var(--djp-charcoal-soft);font-weight:600;}

/* ---------- store locator ---------- */
.djp-finder-box{
  display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:28px;
}
.djp-field{flex:1;min-width:220px;position:relative;}
.djp-field input{
  width:100%;padding:14px 16px 14px 42px;border-radius:10px;border:1.5px solid var(--djp-border);
  font-size:15px;font-family:inherit;box-sizing:border-box;
}
.djp-field input:focus{outline:none;border-color:var(--djp-green);}
.djp-field svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--djp-charcoal-soft);pointer-events:none;}
.djp-btn{
  display:inline-flex;align-items:center;gap:8px;background:var(--djp-green);color:#fff;border:none;
  padding:13px 22px;border-radius:10px;font-weight:700;font-size:14.5px;cursor:pointer;font-family:inherit;
}
.djp-btn svg{width:16px;height:16px;}
.djp-btn:hover{background:var(--djp-green-dark);}
#djp-locate-status{font-size:13px;color:var(--djp-green-dark);font-weight:600;width:100%;min-height:0;}
#djp-locate-status:empty{display:none;}

.djp-locator-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:flex-start;}
@media (max-width:900px){.djp-locator-layout{grid-template-columns:1fr;}}

.djp-store-col{display:flex;flex-direction:column;min-width:0;}

/* --- "Filtro sipas Qytetit" — select fare i thjeshtë, pa asnjë stilizim shtesë --- */
.djp-city-select{
  width:100%;margin-bottom:14px;padding:10px 12px;border-radius:8px;border:1px solid var(--djp-border);
  font-size:14px;font-family:inherit;color:var(--djp-charcoal);background:#fff;box-sizing:border-box;
}
.djp-city-select:focus{outline:none;border-color:var(--djp-green);}

#djp-map{height:560px;border-radius:16px;border:1px solid var(--djp-border);box-shadow:var(--djp-shadow);background:var(--djp-bg-soft);}
.djp-store-list{display:flex;flex-direction:column;gap:14px;max-height:560px;overflow-y:auto;padding-right:6px;}
.djp-city-heading{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--djp-green);font-weight:700;margin:18px 0 4px;}
.djp-city-heading:first-child{margin-top:0;}
.djp-store-card{background:#fff;border:1px solid var(--djp-border);border-radius:12px;padding:18px 20px;}
.djp-store-card h4{margin:0 0 6px;font-size:15.5px;display:flex;align-items:center;gap:8px;}
.djp-store-card h4 svg{width:16px;height:16px;color:var(--djp-green);flex-shrink:0;}
.djp-store-card p{margin:2px 0;font-size:13.8px;color:var(--djp-charcoal-soft);display:flex;gap:8px;align-items:flex-start;}
.djp-store-card p svg{width:15px;height:15px;margin-top:2px;color:var(--djp-green);flex-shrink:0;}
.djp-store-card .djp-links{margin-top:10px;display:flex;gap:14px;}
.djp-store-card .djp-links a{font-size:13px;font-weight:600;color:var(--djp-green);text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
.djp-store-card .djp-links a svg{width:14px;height:14px;}
.djp-store-card .djp-links a:hover{text-decoration:underline;}