/* ═══════════════════════════════════════════════════════════════
   TREGUSHOP — POLISH MODERN OVERRIDE
   Ngarko PAS main.css — overridon vetëm dizajnin, jo funksionet
   ═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

/* ── VARIABLES ── */
:root {
  --pm-red: #E30613;
  --pm-red-d: #b8000f;
  --pm-red-soft: #fff5f5;
  --pm-ink: #0d0d0d;
  --pm-ink2: #3a3a3a;
  --pm-muted: #7a7a8a;
  --pm-border: #e8e8e8;
  --pm-surface: #f7f7f8;
  --pm-white: #ffffff;
  --pm-radius: 12px;
  --pm-radius-sm: 8px;
  --pm-shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);
  --pm-shadow-hover: 0 8px 28px rgba(0,0,0,.10);
  --font-display: Arial;
  --font-body: 'DM Sans', sans-serif;
}

/* ── BASE ── */
body {
  font-family: var(--font-body) !important;
  background: #38389d !important;
  color: #7f2828 !important;
}

/* ═══════════════════════════════════════
   HEADER
═══════════════════════════════════════ */
.site-header {
  background: var(--pm-white) !important;
  border-bottom: 1px solid var(--pm-border) !important;
  box-shadow: 0 1px 0 var(--pm-border) !important;
  height: 62px !important;
}
.header-inner {
  height: 62px !important;
  max-width: 1180px !important;
  gap: 0px !important;
}
.logo-text {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  letter-spacing: -0.5px !important;
  font-style: normal !important;
  color: var(--pm-ink) !important;
}
.site-nav a {
  font-weight: 500 !important;
  font-size: 13px !important;
  color: var(--pm-muted) !important;
  border-radius: var(--pm-radius-sm) !important;
  padding: 6px 12px !important;
  transition: all .15s !important;
}
.site-nav a:hover {
  background: var(--pm-surface) !important;
  color: var(--pm-ink) !important;
}
.btn-post {
  background: var(--pm-red) !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  padding: 8px 18px !important;
  box-shadow: 0 4px 12px rgba(227,6,19,.25) !important;
  transition: all .2s !important;
}
.btn-post:hover {
  background: var(--pm-red-d) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(227,6,19,.35) !important;
}
.btn-login {
  border-radius: 50px !important;
  border: 1.5px solid var(--pm-border) !important;
  font-weight: 600 !important;
}

/* ═══════════════════════════════════════
   MOBILE MENU
═══════════════════════════════════════ */
.mobile-menu {
  border-radius: 0 16px 16px 0 !important;
  box-shadow: 4px 0 32px rgba(0,0,0,.15) !important;
}
.mm-btn-post {
  border-radius: 50px !important;
  font-weight: 700 !important;
}
.mm-btn-shop {
  border-radius: 50px !important;
  font-weight: 600 !important;
}

/* ═══════════════════════════════════════
   PAGE WHITE
═══════════════════════════════════════ */
.page-white {
  background: var(--pm-surface) !important;
  box-shadow: none !important;
}
@media (min-width: 1240px) {
  body { background: #ececed !important; }
  .page-white { box-shadow: 0 0 60px rgba(0,0,0,.12) !important; }
}

/* ═══════════════════════════════════════
   SEARCH BAR (sb- + gsb- + mj-)
═══════════════════════════════════════ */
.sb {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.sb-r1, .gsb-r1, .mj-row1 {
  border-radius: var(--pm-radius-sm) !important;
  border: 1.5px solid var(--pm-border) !important;
  box-shadow: var(--pm-shadow) !important;
  overflow: hidden !important;
}
.sb-btn, .gsb-submit-btn, .gsb-submit, .mj-btn-search {
  background: #6b6969 !important;
  font-weight: 700 !important;
  transition: background .15s !important;
}
.sb-btn:hover, .gsb-submit-btn:hover, .mj-btn-search:hover {
  background: var(--pm-red-d) !important;
}
.sb-q, .gsb-q, .mj-input {
  font-family: var(--font-body) !important;
  font-size: 14px !important;
}
.gsb-panel, .gsb-panel.open {
  border-radius: var(--pm-radius-sm) !important;
  box-shadow: var(--pm-shadow-hover) !important;
  border: 1.5px solid var(--pm-border) !important;
}
.gsb-opt:hover { color: var(--pm-red) !important; }
.gsb-sel:focus, .sb-cs:focus, .mj-car-sel:focus {
  border-color: var(--pm-red) !important;
}

/* ═══════════════════════════════════════
   LISTING CARDS (lp-card)
═══════════════════════════════════════ */
  border-bottom: 1px solid var(--pm-border) !important;
  border-radius: 0 !important;
  background: var(--pm-white) !important;
  transition: background .12s !important;
}

  transition: transform .3s ease !important;
}
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  color: var(--pm-ink) !important;
  line-height: 1.35 !important;
}
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  color: var(--pm-ink) !important;
  letter-spacing: -0.3px !important;
}
  background: var(--pm-surface) !important;
  border-radius: 20px !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  color: var(--pm-muted) !important;
}

/* Grid view */
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 14px !important;
  padding: 14px 0 !important;
}
  border-radius: var(--pm-radius) !important;
  border: 1.5px solid var(--pm-border) !important;
  overflow: hidden !important;
  box-shadow: var(--pm-shadow) !important;
  transition: all .2s ease !important;
}
  border-color: #ccc !important;
  box-shadow: var(--pm-shadow-hover) !important;
  transform: translateY(-2px) !important;
  background: var(--pm-white) !important;
}

/* ═══════════════════════════════════════
   MJ-CARD (home page + shpalljet)
═══════════════════════════════════════ */
.mj-list {
  border-radius: var(--pm-radius) !important;
  border: 1.5px solid var(--pm-border) !important;
  overflow: hidden !important;
  box-shadow: var(--pm-shadow) !important;
}
.mj-card {
  background: var(--pm-white) !important;
  transition: background .12s !important;
}
.mj-card:hover { background: #fafafa !important; }
.mj-title { font-weight: 700 !important; color: var(--pm-ink) !important; }
.mj-price {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  color: var(--pm-ink) !important;
}
.mj-badge-trusted {
  border-radius: 20px !important;
  font-weight: 700 !important;
}
.mj-fav {
  border-radius: 50% !important;
  transition: all .15s !important;
}
.mj-fav:hover, .mj-fav.mj-fav-on {
  color: var(--pm-red) !important;
  border-color: var(--pm-red) !important;
  background: var(--pm-red-soft) !important;
}

/* ═══════════════════════════════════════
   PAGINATION
═══════════════════════════════════════ */
.pagination { gap: 6px !important; }
.page-btn {
  border-radius: var(--pm-radius-sm) !important;
  border: 1.5px solid var(--pm-border) !important;
  font-weight: 600 !important;
  transition: all .15s !important;
  min-width: 36px !important; height: 36px !important;
}
.page-btn:hover { border-color: var(--pm-red) !important; color: var(--pm-red) !important; }
.page-btn.active {
  background: var(--pm-red) !important;
  border-color: var(--pm-red) !important;
  color: var(--pm-white) !important;
  box-shadow: 0 4px 12px rgba(227,6,19,.2) !important;
}
.lp-pag a, .lp-pag span {
  border-radius: var(--pm-radius-sm) !important;
  font-weight: 600 !important;
}

/* ═══════════════════════════════════════
   CATEGORY GRID
═══════════════════════════════════════ */
.cat-grid { gap: 10px !important; }
.cat-card {
  border-radius: var(--pm-radius) !important;
  border: 1.5px solid var(--pm-border) !important;
  background: var(--pm-white) !important;
  box-shadow: var(--pm-shadow) !important;
  transition: all .2s ease !important;
  padding: 16px 10px !important;
}
.cat-card:hover {
  border-color: var(--pm-red) !important;
  box-shadow: var(--pm-shadow-hover) !important;
  transform: translateY(-2px) !important;
}
.cat-card:active {
  border-color: var(--pm-red) !important;
  background: var(--pm-red-soft) !important;
}
.cat-icon { font-size: 30px !important; }
.cat-label {
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  color: var(--pm-ink) !important;
}

/* ═══════════════════════════════════════
   DETAIL PAGE
═══════════════════════════════════════ */
.det-main-wrap {
  border-radius: var(--pm-radius) !important;
  border: 1.5px solid var(--pm-border) !important;
  overflow: hidden !important;
}
.det-thumb {
  border-radius: var(--pm-radius-sm) !important;
  border: 2px solid transparent !important;
}
.det-thumb.det-thumb-on {
  border-color: var(--pm-red) !important;
}
.det-title {
  font-family: Arial;
  font-weight: 400 !important;
  color: var(--pm-ink) !important;
  letter-spacing: -0.3px !important;
}
.det-price {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  color: var(--pm-red) !important;
}
.det-seller-card {
  border-radius: var(--pm-radius) !important;
  border: 1.5px solid var(--pm-border) !important;
  box-shadow: var(--pm-shadow) !important;
}
.det-seller-head {
  background: var(--pm-surface) !important;
}
.det-phone-btn {
  border-radius: var(--pm-radius-sm) !important;
  background: #2E7D32 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  box-shadow: 0 4px 12px rgba(46,125,50,.25) !important;
  transition: all .2s !important;
}
.det-phone-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(46,125,50,.35) !important;
}
.det-contact-row { gap: 8px !important; }
.det-contact-btn { border-radius: var(--pm-radius-sm) !important; }
.det-btn-fav, .det-btn-sec {
  border-radius: var(--pm-radius-sm) !important;
  font-weight: 600 !important;
  transition: all .15s !important;
}
.attrs-grid {
  border-radius: var(--pm-radius) !important;
  overflow: hidden !important;
  border: 1.5px solid var(--pm-border) !important;
}
.attr-cell {
  background: var(--pm-white) !important;
}

/* ═══════════════════════════════════════
   PROFILE DROPDOWN
═══════════════════════════════════════ */
.nav-profile-btn {
  border-radius: 50px !important;
  border: 1.5px solid var(--pm-border) !important;
  padding: 4px 12px 4px 4px !important;
  transition: all .15s !important;
}
.nav-profile-btn:hover {
  border-color: #ccc !important;
  background: var(--pm-surface) !important;
}
.nav-profile-dd {
  border-radius: var(--pm-radius) !important;
  border: 1.5px solid var(--pm-border) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,.14) !important;
  overflow: hidden !important;
}
.npd-item {
  font-weight: 500 !important;
  transition: all .12s !important;
  border-left: 3px solid transparent !important;
}
.npd-item:hover {
  background: var(--pm-surface) !important;
  color: var(--pm-red) !important;
  border-left-color: var(--pm-red) !important;
}
.npd-badge {
  border-radius: 20px !important;
}

/* ═══════════════════════════════════════
   PROFILE PAGE
═══════════════════════════════════════ */
.prf-sidebar {
  border-radius: var(--pm-radius) !important;
  border: 1.5px solid var(--pm-border) !important;
  box-shadow: var(--pm-shadow) !important;
  overflow: hidden !important;
}
.prf-nitem {
  border-left: 3px solid transparent !important;
  border-radius: 0 !important;
  transition: all .12s !important;
}
.prf-nitem:hover {
  background: var(--pm-surface) !important;
  border-left-color: var(--pm-border) !important;
}
.prf-nitem.prf-nitem-on {
  background: var(--pm-red-soft) !important;
  color: var(--pm-red) !important;
  border-left-color: var(--pm-red) !important;
}
.prf-av {
  border-radius: 50% !important;
  box-shadow: 0 4px 16px rgba(227,6,19,.25) !important;
}
.my-ad-row {
  border-radius: var(--pm-radius-sm) !important;
  border: 1.5px solid var(--pm-border) !important;
  box-shadow: var(--pm-shadow) !important;
  transition: box-shadow .15s !important;
}
.my-ad-row:hover { box-shadow: var(--pm-shadow-hover) !important; }
.my-ad-img { border-radius: var(--pm-radius-sm) !important; }

/* ═══════════════════════════════════════
   AUTH PAGES (login/register)
═══════════════════════════════════════ */
.auth-card {
  border-radius: var(--pm-radius) !important;
  border: 1.5px solid var(--pm-border) !important;
  box-shadow: var(--pm-shadow) !important;
  padding: 32px 28px !important;
}
.auth-title {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  letter-spacing: -0.3px !important;
}

/* ═══════════════════════════════════════
   FLASH MESSAGES
═══════════════════════════════════════ */
.flash, .flash-success, .flash-error, .flash-info {
  border-radius: var(--pm-radius-sm) !important;
  font-weight: 500 !important;
}

/* ═══════════════════════════════════════
   FORMS — Global
═══════════════════════════════════════ */
input[type="text"], input[type="email"], input[type="password"],
input[type="number"], input[type="tel"], select, textarea {
  font-family: var(--font-body) !important;
  border-radius: 45px;
  transition: border-color .15s, box-shadow .15s !important;
}
input:focus, select:focus, textarea:focus {
  border-color: var(--pm-red) !important;
  box-shadow: 0 0 0 3px rgba(227,6,19,.08) !important;
}
.sf-btn, .pa-submit, .posto-submit-btn {
  border-radius: 50px !important;
  font-weight: 700 !important;
  transition: all .2s !important;
}
.sf-btn:hover, .pa-submit:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(227,6,19,.3) !important;
}

/* ═══════════════════════════════════════
   STATIC PAGES
═══════════════════════════════════════ */
.static-hero {
  border-radius: 0 !important;
}
.static-hero h1 {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
}
.contact-card {
  border-radius: var(--pm-radius) !important;
  box-shadow: var(--pm-shadow) !important;
  border: 1.5px solid var(--pm-border) !important;
}
.how-num { border-radius: 50% !important; }
.feature-item {
  border-radius: var(--pm-radius) !important;
  box-shadow: var(--pm-shadow) !important;
}
.value-card {
  border-radius: var(--pm-radius) !important;
  box-shadow: var(--pm-shadow) !important;
}

/* ═══════════════════════════════════════
   PLANS PAGE
═══════════════════════════════════════ */
.pl-hero-title {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
}
.pl-cards-wrap {
  border-radius: var(--pm-radius) !important;
  overflow: hidden !important;
}
.pl-period-btn { border-radius: 50px !important; }
.pl-period-on { border-radius: 50px !important; }
.pl-card-cta {
  border-radius: 50px !important;
  font-weight: 700 !important;
  padding: 10px 16px !important;
}
.pl-cta-upgrade {
  box-shadow: 0 4px 12px rgba(46,125,50,.25) !important;
  transition: all .2s !important;
}
.pl-cta-upgrade:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(46,125,50,.35) !important;
}

/* ═══════════════════════════════════════
   FOOTER
═══════════════════════════════════════ */
.site-footer {
  background: var(--pm-white) !important;
  border-top: 1.5px solid var(--pm-border) !important;
  margin-top: 32px !important;
}
.footer-brand-name {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  letter-spacing: -0.3px !important;
  font-style: normal !important;
}
.footer-col h4 {
  font-family: var(--font-body) !important;
  letter-spacing: 1px !important;
  font-size: 10px !important;
}
.footer-socials a {
  border-radius: 50% !important;
  transition: all .2s !important;
}
.footer-socials a:hover {
  background: var(--pm-red) !important;
  border-color: var(--pm-red) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(227,6,19,.25) !important;
}

/* ═══════════════════════════════════════
   BACK TO TOP
═══════════════════════════════════════ */
.back-top {
  border-radius: 50px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.15) !important;
  font-weight: 700 !important;
  background: var(--pm-ink) !important;
}

/* ═══════════════════════════════════════
   TOAST
═══════════════════════════════════════ */
.toast {
  border-radius: var(--pm-radius-sm) !important;
  font-weight: 600 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.2) !important;
}

/* ═══════════════════════════════════════
   SECTION TITLE
═══════════════════════════════════════ */
.section-title {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  letter-spacing: -0.2px !important;
}

/* ═══════════════════════════════════════
   SELLER BADGES
═══════════════════════════════════════ */
.lp-seller-badge, .mj-badge-store {
  border-radius: 20px !important;
  letter-spacing: .3px !important;
}
.badge-vip, .badge-premium {
  border-radius: 20px !important;
  font-weight: 800 !important;
}

/* ═══════════════════════════════════════
   SIMILAR ADS
═══════════════════════════════════════ */
.det-similar {
  border-radius: var(--pm-radius) !important;
  border: 1.5px solid var(--pm-border) !important;
  overflow: hidden !important;
}
.det-sim-img { border-radius: var(--pm-radius-sm) !important; }

/* ═══════════════════════════════════════
   ADMIN OVERRIDES (admin classes in main.css)
═══════════════════════════════════════ */
.stat-card-new {
  border-radius: var(--pm-radius) !important;
  border: 1.5px solid var(--pm-border) !important;
}
.table-wrap {
  border-radius: var(--pm-radius) !important;
  border: 1.5px solid var(--pm-border) !important;
}
.sn-val {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
}

/* ═══════════════════════════════════════
   POST AD PAGE
═══════════════════════════════════════ */
.pa-section {
  border-radius: var(--pm-radius) !important;
  border: 1.5px solid var(--pm-border) !important;
  box-shadow: var(--pm-shadow) !important;
}
.pa-title {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
}

/* ═══════════════════════════════════════
   REVIEWS
═══════════════════════════════════════ */
.det-reviews {
  border-radius: var(--pm-radius) !important;
  border: 1.5px solid var(--pm-border) !important;
}
.rev-form-wrap {
  border-radius: var(--pm-radius-sm) !important;
  background: var(--pm-surface) !important;
}
.rev-item-av { border-radius: 50% !important; }
.rev-submit-btn { border-radius: 50px !important; }
.rev-title {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
}

/* ═══════════════════════════════════════
   TABS (sp-tab, lp-tab)
═══════════════════════════════════════ */
.sp-tab:hover { background: var(--pm-surface) !important; border-radius: var(--pm-radius-sm) !important; }
.sp-tab.sp-tab-on { color: var(--pm-red) !important; }
.lp-tab { border-radius: var(--pm-radius-sm) !important; }
.lp-tab.on {
  background: #6b6969 !important;
  color: var(--pm-white) !important;
  border-color: #dbded6 !important;
}
  border-radius: var(--pm-radius-sm) !important;
  transition: all .15s !important;
}
  background: var(--pm-red) !important;
  border-color: var(--pm-red) !important;
  color: var(--pm-white) !important;
}

/* ═══════════════════════════════════════
   GALLERY SIDEBAR
═══════════════════════════════════════ */
.gallery-box, .sp-gal-item, .gallery-row {
  transition: background .12s !important;
}
.gallery-card { border-radius: 0 !important; }

/* ═══════════════════════════════════════
   OPEN SHOP (store plans)
═══════════════════════════════════════ */
.store-plan-grid {
  border-radius: var(--pm-radius) !important;
  overflow: hidden !important;
}
.sp-btn { border-radius: 50px !important; font-weight: 700 !important; }

/* ═══════════════════════════════════════
   REPORTS / ALERTS
═══════════════════════════════════════ */
.safety-alert { border-radius: var(--pm-radius-sm) !important; }
.tip { border-radius: var(--pm-radius-sm) !important; }
.tip-icon { border-radius: 50% !important; }

/* ═══════════════════════════════════════
   BREADCRUMB
═══════════════════════════════════════ */
.bc-sep { color: var(--pm-border) !important; margin: 0 8px !important; }

/* ═══════════════════════════════════════
   LISTING NAV (h1 + tabs row)
═══════════════════════════════════════ */
.listing-h1 {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}
.sp-h1 { font-family: var(--font-display) !important; }

/* ═══════════════════════════════════════
   SP-PAGE (shpalljet page)
═══════════════════════════════════════ */
.sp-inner {
  background: var(--pm-white) !important;
  border-left: 1.5px solid var(--pm-border) !important;
  border-right: 1.5px solid var(--pm-border) !important;
}

/* ═══════════════════════════════════════
   FIXES SMALL
═══════════════════════════════════════ */
.badge-msg {
  border-radius: 20px !important;
  font-weight: 800 !important;
}
.nav-avatar, .nav-av-img { border-radius: 50% !important; }
code, .adm-code { border-radius: var(--pm-radius-sm) !important; }
.mm-app-btn { border-radius: var(--pm-radius-sm) !important; }
.npd-plan-badge { border-radius: 20px !important; }

/* ═══════════════════════════════════════
   MOBILE TWEAKS
═══════════════════════════════════════ */
@media (max-width: 680px) {
  .mobile-menu { border-radius: 0 20px 20px 0 !important; }
  .site-header { height: 56px !important; }
  .btn-post { border-radius: 50px !important; padding: 7px 14px !important; }
}


/* ═══════════════════════════════════════════════════════════════
   HOMEPAGE CARDS (hp-ad-card, hp-gallery, hp-cat-card)
   + LISTINGS CARDS (lp-card) — Polish Modern
═══════════════════════════════════════════════════════════════ */

/* ── PRICE everywhere — clean, bold, not ugly ── */
.hp-ad-price,
.hp-gallery-price,
.hp-gallery-sm-price,
.mj-price,
.det-price {
  font-family: var(--font-display) !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  color: var(--pm-ink) !important;
  letter-spacing: -0.3px !important;
}
  font-size: 16px !important;
}
.det-price {
  font-size: 28px !important;
  color: var(--pm-red) !important;
}

/* ── HP-AD-CARD — homepage grid cards ── */
.hp-ad-card {
  border-radius: var(--pm-radius) !important;
  border: 1.5px solid var(--pm-border) !important;
  background: var(--pm-white) !important;
  box-shadow: var(--pm-shadow) !important;
  overflow: hidden !important;
  transition: all .22s ease !important;
}
.hp-ad-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.12) !important;
  border-color: #d8d8d8 !important;
}
.hp-ad-thumb {
  border-radius: 0 !important;
  overflow: hidden !important;
}
.hp-ad-title {
  font-family: var(--font-body) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  color: var(--pm-ink) !important;
  line-height: 1.4 !important;
}
.hp-ad-body {
  padding: 12px 14px !important;
  gap: 5px !important;
}
.hp-ad-meta {
  font-size: 11px !important;
  color: var(--pm-muted) !important;
}
.hp-ad-shop {
  background: rgba(0,0,0,.55) !important;
  border-radius: 6px !important;
  padding: 3px 8px !important;
  font-size: 10px !important;
  backdrop-filter: blur(4px) !important;
}

/* ── HP-GALLERY-HERO ── */
.hp-gallery-hero {
  border-radius: var(--pm-radius) !important;
  border: 1.5px solid var(--pm-border) !important;
  overflow: hidden !important;
  box-shadow: var(--pm-shadow) !important;
  transition: all .22s ease !important;
}
.hp-gallery-hero:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.12) !important;
}
.hp-gallery-title {
  font-weight: 700 !important;
  font-size: 14px !important;
  color: var(--pm-ink) !important;
}
.hp-gallery-info {
  background: var(--pm-white) !important;
  padding: 12px 14px !important;
}
.hp-gallery-badge {
  border-radius: 20px !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  letter-spacing: .3px !important;
  backdrop-filter: blur(8px) !important;
}

/* ── HP-GALLERY-SM-CARD ── */
.hp-gallery-sm-card {
  border-radius: var(--pm-radius) !important;
  border: 1.5px solid var(--pm-border) !important;
  overflow: hidden !important;
  box-shadow: var(--pm-shadow) !important;
  transition: all .22s ease !important;
}
.hp-gallery-sm-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.10) !important;
}
.hp-gallery-sm-cat {
  border-radius: 20px !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .3px !important;
}

/* ── HP-CAT-CARD ── */
.hp-cat-card {
  border-radius: var(--pm-radius) !important;
  border: 1.5px solid var(--pm-border) !important;
  background: var(--pm-white) !important;
  box-shadow: var(--pm-shadow) !important;
  transition: all .22s ease !important;
  overflow: hidden !important;
}
.hp-cat-card:hover {
  border-color: var(--pm-red) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 28px rgba(227,6,19,.12) !important;
}
.hp-cat-name {
  font-weight: 700 !important;
  font-size: 11px !important;
  color: var(--pm-ink) !important;
}
.hp-cat-num {
  font-size: 10px !important;
  color: var(--pm-muted) !important;
}

/* ── HOMEPAGE SECTION TITLE ── */
.hp-section-title {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  letter-spacing: -0.2px !important;
  color: var(--pm-ink) !important;
}
.hp-see-all {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--pm-red) !important;
  border-radius: 20px !important;
  padding: 5px 14px !important;
  border: 1.5px solid var(--pm-border) !important;
  transition: all .15s !important;
}
.hp-see-all:hover {
  background: var(--pm-red-soft) !important;
  border-color: var(--pm-red) !important;
}

/* ── HOMEPAGE HEADER ── */
.home-header {
  background: var(--pm-white) !important;
  border-bottom: 1px solid var(--pm-border) !important;
  box-shadow: 0 1px 0 var(--pm-border) !important;
}
.home-logo-txt {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  font-style: normal !important;
  letter-spacing: -0.5px !important;
  color: var(--pm-red) !important;
}
.home-post-btn {
  border-radius: 50px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 12px rgba(227,6,19,.25) !important;
  transition: all .2s !important;
}
.home-post-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(227,6,19,.35) !important;
}

/* ── HOMEPAGE HERO ── */
.ts-hero {
  background: linear-gradient(135deg, #0f0f0f 0%, #1a0000 60%, #2d0008 100%) !important;
}
.ts-hero h1 {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  letter-spacing: -1px !important;
}
.ts-search-bar {
  border-radius: var(--pm-radius) !important;
  overflow: hidden !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.25) !important;
}
.ts-sb-btn {
  border-radius: 0 !important;
  font-weight: 700 !important;
  background: var(--pm-red) !important;
  transition: background .15s !important;
}
.ts-sb-btn:hover { background: var(--pm-red-d) !important; }
.ts-hero-tag {
  border-radius: 20px !important;
  font-weight: 600 !important;
}
.ts-hs-n {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
}

/* ── LP-CARD (listings page) — price fix ── */
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  color: var(--pm-ink) !important;
  letter-spacing: -0.3px !important;
}
  font-weight: 600 !important;
  line-height: 1.35 !important;
}
  overflow: hidden !important;
}
  transition: transform .3s ease !important;
}
  transform: scale(1.04) !important;
}
  border-top: none !important;
  padding-top: 4px !important;
}
  border-radius: 20px !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  background: var(--pm-surface) !important;
  color: var(--pm-muted) !important;
  padding: 3px 10px !important;
}

/* ── MJ-CARD (home page list section) ── */
.mj-card {
  transition: background .12s !important;
}
.mj-card:hover { background: #fafafa !important; }
.mj-list {
  border-radius: var(--pm-radius) !important;
  border: 1.5px solid var(--pm-border) !important;
  overflow: hidden !important;
  box-shadow: var(--pm-shadow) !important;
}
.mj-title {
  font-weight: 700 !important;
  color: var(--pm-ink) !important;
}
.mj-img {
  border-radius: var(--pm-radius-sm) !important;
  overflow: hidden !important;
}

/* ── HOMEPAGE BODY ── */
.home-body {
  background: #ffffff !important;
  font-family: var(--font-body) !important;
}
.hp-wrap {
  background: #ffffff !important;
}

/* ── HOMEPAGE FOOTER ── */
.home-footer, .hf-inner {
  background: var(--pm-white) !important;
}
.hf-heading {
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
}

/* ── CITIES BAR ── */
.hp-city-top-item {
  border-radius: var(--pm-radius-sm) !important;
  border: 1.5px solid var(--pm-border) !important;
  background: var(--pm-white) !important;
  box-shadow: var(--pm-shadow) !important;
  transition: all .15s !important;
}
.hp-city-top-item:hover {
  border-color: var(--pm-red) !important;
  background: var(--pm-red-soft) !important;
}
.hp-city-top-all {
  border-radius: var(--pm-radius-sm) !important;
  background: #616161 !important;
  color: var(--pm-white) !important;
  font-weight: 700 !important;
}

/* ── CACHE BUSTER — forces browser to reload this file ── */
/* v=<?php echo time(); ?> */

}

/* ═══════════════════════════════════════════════════════════════
   HOMEPAGE FOOTER — 3 kolona gjithmonë horizontale
═══════════════════════════════════════════════════════════════ */
.home-footer {
  background: #fafafa !important;
  border-top: 1.5px solid var(--pm-border) !important;
  margin-top: 32px !important;
  padding: 32px 0 0 !important;
}
.home-footer-inner {
  padding: 0 20px !important;
}
.hf-grid {
  display: grid !important;
  grid-template-columns: 1.6fr 1fr 1fr !important;
  gap: 32px !important;
  padding-bottom: 28px !important;
  border-bottom: 1px solid var(--pm-border) !important;
  align-items: flex-start !important;
}
/* Heq override-in e keq mobile */
@media(max-width:500px) {
  .hf-grid {
    grid-template-columns: 1.2fr 1fr 1fr !important;
    gap: 16px !important;
  }
  .hf-brand {
    grid-column: 1 / -1 !important;
  }
}
@media(max-width:400px) {
  .hf-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
  }
  .hf-brand {
    grid-column: 1 / -1 !important;
  }
}
.hf-heading {
  font-family: var(--font-body) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 1.2px !important;
  color: var(--pm-muted) !important;
  text-transform: uppercase !important;
  margin: 0 0 12px !important;
}
.hf-list a {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--pm-ink2) !important;
  padding: 3px 0 !important;
}
.hf-list a:hover { color: var(--pm-red) !important; }
.hf-list span {
  font-size: 11px !important;
  color: var(--pm-muted) !important;
}
.hf-tagline {
  font-size: 12px !important;
  color: var(--pm-muted) !important;
  line-height: 1.6 !important;
}
.hf-social a {
  border-radius: 50% !important;
  background: var(--pm-surface) !important;
  color: var(--pm-muted) !important;
  border: 1.5px solid var(--pm-border) !important;
  transition: all .2s !important;
}
.hf-social a:hover {
  background: var(--pm-red) !important;
  color: #fff !important;
  border-color: var(--pm-red) !important;
  transform: translateY(-2px) !important;
}
.hf-bottom {
  font-size: 12px !important;
  color: var(--pm-muted) !important;
  padding: 14px 0 !important;
}
.hf-bottom-links a {
  color: var(--pm-muted) !important;
}
.hf-bottom-links a:hover { color: var(--pm-red) !important; }

}

/* ── Footer fix — barazo lart + social horizontal ── */
.hf-grid {
  align-items: start !important;
}
.hf-col {
  display: flex !important;
  flex-direction: column !important;
}
/* Të 3 kolonat fillojnë nga lart */
.hf-brand,
.hf-col:not(.hf-brand) {
  align-self: start !important;
}
/* Social ikonat — horizontal */
.hf-social {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

/* ── Footer brand col — kufizon tekstin ── */
.hf-brand {
  max-width: 100% !important;
}
.hf-tagline {
  max-width: 220px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}
/* Headings PLATFORMA / INFORMATA lart */
.hf-col:not(.hf-brand) .hf-heading {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ── Listings foto — plot nga skajet ── */
  align-items: stretch !important;
}
  width: 200px !important;
  min-width: 200px !important;
  height: auto !important;
  min-height: 160px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  align-self: stretch !important;
}
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 0 !important;
  transition: transform .3s ease !important;
}
  transform: scale(1.04) !important;
}
  width: 100% !important;
  height: 100% !important;
  min-height: 160px !important;
  border-radius: 0 !important;
}
@media(max-width:640px){
    width: 155px !important;
    min-width: 155px !important;
    min-height: 130px !important;
  }
}
@media(max-width:400px){
    width: 135px !important;
    min-width: 135px !important;
    min-height: 115px !important;
  }
}

/* ── Watermark tregushop.com ── */
.det-wm {
  display: block !important;
  position: absolute !important;
  bottom: 10px !important;
  right: 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  font-style: italic !important;
  color: rgba(255,255,255,.75) !important;
  text-shadow: 0 1px 4px rgba(0,0,0,.6) !important;
  pointer-events: none !important;
  z-index: 10 !important;
  letter-spacing: .3px !important;
}


/* Mobile: 120px logo + show lang switcher */
@media (max-width: 768px) {
  .logo-img {
    height: 120px !important;
    max-width: 240px !important;
  }
  .site-header,
  .header-inner {
    height: auto !important;
    min-height: 90px !important;
    padding: 6px 0 !important;
  }
  .home-header,
  .home-header-inner {
    height: auto !important;
    min-height: 90px !important;
    padding: 6px 0 !important;
  }
  /* Footer logo 120px mobile */
  .footer-logo-img {
    height: 120px !important;
    width: auto !important;
    max-width: 240px !important;
    object-fit: contain !important;
  }
}
}


/* ── Header compact ── */
.site-header { height: auto !important; padding: 4px 0 !important; }
.header-inner { height: 60px !important; min-height: 60px !important; }
.home-header  {height: auto !important;padding: 0px 0 !important;}
.home-header-inner { height: 60px !important; min-height: 60px !important; }

/* ── Mobile ── */
@media (max-width: 768px) {
  /* Logo 120px on mobile */
  .logo-img {
    height: 120px !important;
    max-width: 220px !important;
  }
  /* Header taller to fit logo but compact */
  .header-inner,
  .home-header-inner {
    height: 77px !important;
    min-height: 55px !important;
    padding: 0px 0 !important;
    align-items: center !important;
  }

  /* ── Footer mobile fix ── */
  .site-footer .container,
  .home-footer > div {
    padding: 16px !important;
  }
  .footer-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }
  .footer-col-brand {
    text-align: center !important;
  }
  .footer-socials {
    justify-content: center !important;
  }
  .footer-logo-img {
    height: 80px !important;
    width: auto !important;
    max-width: 180px !important;
    object-fit: contain !important;
  }
  /* Footer columns side by side on mobile */
  .footer-grid > .footer-col:not(.footer-col-brand) {
    flex: 1 !important;
    min-width: 0 !important;
  }
  .footer-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  .footer-grid > .footer-col:not(.footer-col-brand) {
    display: inline-block !important;
  }
  /* Two columns for links */
  .footer-grid > *:nth-child(2),
  .footer-grid > *:nth-child(3) {
    display: inline-block !important;
    width: 48% !important;
    vertical-align: top !important;
  }
}

/* Lang dropdown — show only mobile */
.ts-lang-wrap { display: none; }
@media (max-width: 768px) {
  .ts-lang-wrap { display: block; }
}

/* Hide old lang switcher near grid/list — everywhere */
#langSw,
#lpLangSw,
div#langSw { display: none !important; }

/* ── Logo ── */
.logo-img {
  height: 130px !important;
  width: auto !important;
  max-width: 220px !important;
  object-fit: contain !important;
}
@media (max-width: 768px) {
  .logo-img {height: 100px !important;max-width: 200px !important;}
}


  .sb {
    padding: 0 !important;
  }
}

/* ── Searchbar same width as listings content ── */
@media (min-width: 769px) {
  .sb { background: #f8f8f8; }
  .sb-in {
    max-width: 1120px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin: 0 auto !important;
  }
}

/* ── Sort/View toolbar — align grid icon with listing date ── */
@media (min-width: 769px) {
    margin-right: 14px !important;
  }
}