/*
 Created on : 26 May 2025, 10:08:23
 Author     : awdLenovo
 */
h2 > a {
  color: #d4af37 !important;
  font-family: 'Dancing Script', cursive;
  position: relative;
  text-decoration: none; }
  h2 > a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background-color: #d4af37;
    transition: width 0.4s ease; }
  h2 > a:hover::after {
    width: 100%; }

.category-panel {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  list-style: none;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .category-panel > li {
    padding-top: 20px;
    border: 1px solid transparent;
    transition: 0.6s;
    background: #000;
    border-radius: 5px;
    color: #fff;
    overflow: hidden;
    flex: 100% 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .category-panel > li * {
      text-align: center; }
    .category-panel > li > figure {
      text-align: center;
      width: 100%;
      height: 290px;
      overflow: hidden; }
      .category-panel > li > figure > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: 0.6s; }
        .category-panel > li > figure > img:hover {
          transform: scale(1.1); }
    .category-panel > li > .desk {
      display: none;
      visibility: hidden; }
    .category-panel > li > div {
      margin: auto; }
    .category-panel > li > nav {
      margin-top: auto; }
    .category-panel > li:hover {
      background: grey;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6); }

@media (min-width: 992px) {
  .category-panel > li {
    flex: calc(50% - 5px) 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .category-panel > li:hover {
      background: #444;
      transition: 0.6s; }
    .category-panel > li > .mob {
      display: none;
      visibility: hidden; }
    .category-panel > li > .desk {
      display: block;
      visibility: initial;
      color: #d4af37; } }

@media (min-width: 1200px) {
  .category-panel > li {
    flex: calc(33.333% - 10px) 0 0; } }