/* --- Dark base --- */
 
/* Top filters */
.ps-filters { margin-bottom:60px; text-align:center; }
.ps-filter-list {
  list-style:none;
  padding:0;
  margin:0;
  display:inline-flex;
  gap:22px;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
}
.ps-filter-item { position:relative; }
.ps-filter-item a {
  color:#fff;
  text-decoration:none;
  font-weight:700;
  padding:6px 0;
  display:inline-block;
  transition:color .15s;
}
.ps-filter-item.active a,
.ps-filter-item a:hover { color:#ff90a1
; }
.ps-arrow { margin-left:6px; font-size:12px; color:#8ad9d3; }

/* Submenu dropdown */
.ps-submenu {
  display:none;
      position: absolute;
    left: 0;
    top: 120%;
    background: #0f1113;
    border-radius: 6px;
    padding: 8px 6px;
    min-width: 170px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .6);
    z-index: 30;
    margin: 0 !important;
}
.ps-submenu li { list-style:none; }
.ps-submenu li a {
  color:#dfe8e8;
  padding:8px 12px;
  display:block;
  text-decoration:none;
}
.ps-submenu li:hover {
  background:#3fe8db;
  color:#ff90a1;
  border-radius:4px;
}
.ps-submenu li:hover a {
	color:#ff90a1;
}
.ps-parent:hover > .ps-submenu { display:block; }

/* --- Normal Grid Layout --- */
.ps-grid {
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  width:100%;  
}

/* Single item in grid */
.ps-item {
  width:calc(33.333% - 13.33px); /* 3 columns with gap */
  background:#0b0b0b;
  border-radius:6px;
  overflow:hidden;
  box-shadow:0 6px 20px rgba(0,0,0,.6);
  transition:transform .25s ease, opacity .25s ease;
  position:relative;
}

@media (max-width:1100px) { .ps-item { width:calc(50% - 10px); } }
@media (max-width:700px) { .ps-item { width:100%; } }

/* Image styling */
.ps-item img {
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  transition:transform 0.3s ease;
}

/* Hover effects */
.ps-item:hover img { transform:scale(1.05); }
.ps-item:hover { transform:translateY(-4px); }

/* Hidden items (used by JS) */
.ps-item.ps-hidden {
display: none; 
  opacity: 0;
  transform: scale(.98);
  pointer-events: none;
  margin: 0; 
}

/* Show More button */
.ps-show-more-wrap { text-align:center; margin-top:25px; }
.ps-btn {
    background-color: #000000;
    font-family: "Nova Flat", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    fill: var(--e-global-color-text);
    color: var(--e-global-color-text);
    box-shadow: 5px 5px 0px 0px #FF90A1;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-aa514e1);
    border-radius: 0px 0px 0px 0px;
	transition: all 0.3s ease-in-out;
}
.ps-btn:hover {
    background-color: var(--e-global-color-aa514e1);
    color: #000000;
    border-color: var(--e-global-color-aa514e1);
    box-shadow: 0px 0px 0px 0px #FF90A1;
	transition: all 0.3s ease-in-out;
}

/* Optional fixed sizes */

/* Lightbox */
.ps-lightbox-modal {
  display:none;
  position:fixed;
  inset:0;
  z-index:9999;
  align-items:center;
  justify-content:center;
}
.ps-lightbox-modal.ps-open { display:flex; }
.ps-lightbox-backdrop {
  position:absolute;
  inset:0;
  background:rgba(2,2,4,.8);
}
.ps-lightbox-content {
  position:relative;
  z-index:10000;
  max-width:1200px;
  width:90%;
  max-height:90%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ps-lightbox-content img {
  max-width:100%;
  max-height:80vh;
  object-fit:contain;
  border-radius:6px;
}
.ps-lightbox-close {
  position:absolute;
  top:-12px;
  right:-12px;
  z-index:10001;
  background:#fff;
  color:#000;
  border-radius:50%;
  width:36px;
  height:36px;
  border:0;
  cursor:pointer;
}
.ps-lightbox-nav {
  position:absolute;
  left:10px;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  justify-content:space-between;
  pointer-events:none;
}
.ps-nav-btn {
  pointer-events:auto;
  background:rgba(0,0,0,.5);
  color:#fff;
  border:0;
  padding:8px 12px;
  font-size:28px;
  border-radius:6px;
  cursor:pointer;
}