/* --- [COMPONENT] New Items (ni-) --- */
      #od-new-items {
        padding: 100px 0;
        background: #fff;
        border-top: 1px solid var(--ml-border);
      }

      .ni-title-area {
        margin-bottom: 50px;
        text-align: center;
      }

      .ni-title-area h2 {
        font-size: 32px;
        font-weight: 900;
        color: #111;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
      }

      .ni-title-area p {
        font-size: 15px;
        color: var(--ml-muted);
        font-weight: normal;
        margin-top: 5px;
      }

      .ni-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
      }

      .ni-item {
        position: relative;
        cursor: pointer;
      }

      .ni-thumb {
        position: relative;
        border-radius: 15px;
        overflow: hidden;
        aspect-ratio: 1/1.2;
        background: #f4f4f4;
        margin-bottom: 20px;
      }

      .ni-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.4s;
      }

      .ni-thumb .img-hover {
        position: absolute;
        inset: 0;
        opacity: 0;
      }

      .ni-item:hover .ni-thumb img {
        transform: scale(1.05);
      }

      .ni-item:hover .ni-thumb .img-hover {
        opacity: 1;
      }

      .ni-badge {
        position: absolute;
        top: 15px;
        left: 15px;
        background: #B9C69B;
        color: #fff;
        font-size: 11px;
        font-weight: 800;
        padding: 4px 10px;
        border-radius: 4px;
        z-index: 5;
        text-transform: uppercase;
      }

      .ni-actions {
        position: absolute;
        bottom: -85px;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        gap: 10px;
        padding: 20px;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
        z-index: 10;
        transition: bottom 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      }

      .ni-item:hover .ni-actions {
        bottom: 0;
      }

      .ni-action-btn {
        width: 44px;
        height: 44px;
        background: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: 0.2s;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      }

      .ni-action-btn:hover {
        background: #111;
        color: #fff;
        transform: translateY(-3px);
      }

      .ni-action-btn svg {
        width: 22px;
        height: 22px;
        stroke: #111;
        stroke-width: 1.5;
        fill: none;
        transition: 0.2s;
      }

      .ni-action-btn:hover svg {
        stroke: #fff;