@import url("../css/kogta-root.css");.product-row {display: flex;flex-wrap: wrap;gap: 20px;}.justify-center {justify-content: center;}.product-card {width: 100%;max-width: 300px;margin: auto;}.photo-grid-sec img {will-change: transform;transition: transform 0.3s ease-out;}@media (min-width: 768px) {.product-card {flex: 0 0 calc(50% - 20px);}}@media (min-width: 992px) {.product-card {flex: 0 0 calc(33.33% - 20px);}}body {background-attachment: fixed;}.gallery-wrap, #gallery {overflow: hidden;}#filters {margin: 1%;padding: 0;list-style: none;overflow: hidden;}#filters li {float: left;}#filters li span {display: block;padding: 5px 20px;cursor: pointer;text-transform: capitalize;transition: all ease-in-out 0.25s;color: #666;}#filters li:hover span {color:var(--bs-white);;}#filters li span.active {background: var(--bs-tertiary);color: var(--bs-white);}.gallery-item {float: left;display: none;position: relative;z-index: 10;}.inside {position: relative;overflow: hidden;width: 100%;height: 100%;}.details, .overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;}.details {display: flex;align-items: center;justify-content: center;z-index: 2;transition: all 0.3s ease-in-out;}.details h2 {color: var(--bs-white);font-size: 1.5em;margin: 0;}.details p {color: var(--bs-white);font-size: 1em;text-transform: uppercase;margin: 0;letter-spacing: 2px;}.overlay {background: var(--bs-tertiary);z-index: 1;transition: all 0.7s ease-in-out;}.gallery-item:hover .details, .gallery-item:hover .overlay {opacity: 1;}@media (max-width: 1280px) {#filters li span {display: inline;}}@media (max-width: 30em) {.wrap {padding: 0 1em;}.gallery-item {float: none;width: 100%;z-index: 1;}}